如何使用SVG textpath波斯語（RTL）文本

Question

我想用波斯文字textpath功能，但是當我做這個波斯文字分成字母：不使用

正確的波斯文字文本路徑功能： 注意事項隱私權政策

Answer 1

這是SVG指定用於佈局路徑上文本的算法的結果。

http://www.w3.org/TR/SVG/text.html#TextpathLayoutRules

該算法指定每個字符被定位完好並旋轉與所述路徑在該點的切線定向。

但是，SVG規範提供了一個名爲method的屬性，該屬性在<textPath>元素上，它應該是做你想做的。

http://www.w3.org/TR/SVG11/text.html#TextPathElementMethodAttribute

不幸的是，沒有瀏覽器目前支持它AFAIK。

Answer 2

同樣，您可以使用「Shetab Farsi Negar 3.8」軟件編輯您的文本。 此鏈接可供下載此軟件：Shetab Farsi Negar 3.8（密碼：www.p30download.com）

如果鏈接無效，您可以在伊朗網站上搜索該軟件。

Example

正確的代碼到你的問題：

.contain-demo { 
 
    margin: 50px auto; 
 
    text-align: center; 
 
}

<div class="contain-demo"> 
 
    <svg width="620" height="200"> 
 
    <defs> 
 
     <path id="testPath" d="M3.858,58.607 
 
     c16.784-5.985,33.921-10.518,51.695-12.99c50.522-7.028,101.982,0.51,151.892,8.283c17.83,2.777,35.632,5.711,53.437,8.628 c51.69,8.469,103.241,11.438,155.3,3.794c53.714-7.887,106.383-20.968,159.374-32.228c11.166-2.373,27.644-7.155,39.231-4.449" /> 
 
    </defs> 
 
    <text x="2" y="40%" fill="#765373" font-size="30" font-family="'Lato', sans-serif"> 
 
     <textPath xlink:href="#testPath">ﻥﺍﺮﯾﺍ ﺭﺩ ﻮﺌﺳ ﺕﺎﻣﺪﺧ ﯽﺼﺼﺨﺗ ﺰﮐﺮﻣ ﺎﯾﺪﻣ ﯽﺗ</textPath> 
 
    </text> 
 
    </svg> 
 
</div>