lengthAdjust和textLength

lengthAdjust和textLength

当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

09-13 03:11