爲什麼文本路徑不被渲染？

我真的很困惑，爲什麼這兩個文字不沿線和路徑顯示。有人能指出我嗎？爲什麼文本路徑不被渲染？

<svg width="300px" height="300px"> 
 
    <line id="ok" x1="10" y1="20" x2="100" y2="100" stroke="red" stroke-width=10> 
 
     <text> 
 
     <textPath stroke="black" xlink:href="#ok">OHHHHSUHDIAU</textPath> 
 
     </text> 
 
    </line> 
 
    <path id="io" d="M10,10 L100,10" stroke="blue" stroke-width=10> 
 
     <text> 
 
     <textPath stroke="black" xlink:href="#io">io</textPath> 
 
     </text> 
 
    </path> 
 
    </svg>

來源

2017-03-17 Zhenyang Hua

你只能做一個<path>

一個<textPath>放置<line>或<path>元素中的<text>是使他們不被渲染。

這裏是我最好的猜測在你試圖完成什麼，我希望這有助於

<svg width="300px" height="300px"> 
 
    <defs> 
 
    <path id="io" d="M10,10 L100,10" /> 
 
    <path id="ok" d="M10,20 L100,100" /> 
 
    </defs> 
 
    <use xlink:href="#io" stroke-width="10" stroke="blue" /> 
 
    <use xlink:href="#ok" stroke-width="10" stroke="red" /> 
 
    <text> 
 
    <textPath stroke="black" xlink:href="#io">io</textPath> 
 
    <textPath stroke="black" xlink:href="#ok">OHHHHSUHDIAU</textPath> 
 
    </text> 
 
</svg>

來源

2017-03-17 21:25:38 Jpsh

爲什麼文本路徑不被渲染？

回答

相關問題