当Firefox可能会实现lengthAdjust和textLength时有任何想法吗?.....我正在使用svg应用程序。 lengthAdjust和textLength在chrome中工作正常,但在狐狸中不工作。
<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>
最佳答案
这是在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>
您应该为扩展它添加一个bug for textPath/tspan support open。