任何想法,当Firefox可能实现lengthAdjust和textLength?.....我正在使用svg应用程序。 lengthAdjust和textLength在chrome中正常工作但在fire fox中不起作用。
<svg viewBox = "0 0 500 300" version = "1.1">
<defs>
<path id="s3" d="M 10,90 Q 100,15 200,70" />
</defs>
<g>
<text font-size = "20">
<textPath xlink:href="#s3" textLength="205">
Short text</textPath>
</text>
<use xlink:href="#s3" fill="none" stroke="black" stroke-width="1"/>
</g>
</svg>
答案 0 :(得分:1)
这是在Firefox中实现的,但仅适用于文本元素(不适用于textPath或tspan),在这种情况下可以,但您可以将属性移动到文本元素。
<svg viewBox = "0 0 500 300" version = "1.1">
<defs>
<path id="s3" d="M 10,90 Q 100,15 200,70" />
</defs>
<g>
<text font-size = "20" textLength="205">
<textPath xlink:href="#s3">
Short text</textPath>
</text>
<use xlink:href="#s3" fill="none" stroke="black" stroke-width="1"/>
</g>
</svg>
&#13;
如果您希望为扩展它做出贡献,请{。{3}}。