如何在svg的样式部分为所有textPath元素应用startOffset



startOffset-设置放入textPath的标记中确实有效(startOffset=" 20%"(但由于我有很多textPaths,我想把这个设置放在样式中。

如何做到这一点?有可能吗?

<svg width="1059" height="637"  viewBox="0 0 1059 637" xmlns="http://www.w3.org/2000/svg">
<style>  <![CDATA[  * { font-family: Corbel;font-size: 12px;font-weight: normal;font-style: normal;fill: #0000ff;text-anchor: start;white-space: pre;startOffset: 40%;method: align;text-decoration: none none;text-transform: none;font-variant: normal;text-shadow: none;word-spacing: 0px;letter-spacing: 0px;font-stretch: normal; }  
textPath {  startOffset:" 20%" }     ]]> </style> 
<defs>
<path id="a131" d="M46.5,172.5L57.5,172.5L63.5,172.5L65.5,172.5L72.5,172.5L73.5,172.5L77.5,172.5L82.5,172.5" />
</defs> 
<text>
<textPath href="#a131">  Test Text                              Test Text</textPath>
</text> </svg>

是因为它是一个属性而不是属性吗?

startOffset是一个属性,而不是CSS属性,因此无法通过CSS进行设置。(method似乎是与我的程序相关的另一个属性。(

有一些SVG表示属性是CSS属性,可以用作SVG元素的属性。SVG元素的原始属性可以用于CSS样式的另一种方法是行不通的。

相关内容

  • 没有找到相关文章

最新更新