Firefox有可能实现lengthAdjust和textLength时的任何想法?

时间:2014-12-01 06:24:49

标签: javascript svg

任何想法,当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>

1 个答案:

答案 0 :(得分:1)

这是在Firefox中实现的,但仅适用于文本元素(不适用于textPath或tspan),在这种情况下可以,但您可以将属性移动到文本元素。

&#13;
&#13;
    <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;
&#13;
&#13;

如果您希望为扩展它做出贡献,请{。{3}}。