尝试沿 SVG 中的路径呈现希伯来语文本会导致 Chrome 中出现错误 - 字形向后呈现(从左到右),使文本不可读。
<svg height="220" width="190">
<defs>
<path id="MyPath2" d="M0,100 L200,100" />
</defs>
<use xlink:href="#MyPath2" fill="none" stroke="red" />
<text text-anchor="middle" dx="100" dy="0" writing-mode="rl" direction="rtl">
<textPath xlink:href="#MyPath2">
הטקסט הזה ייראה הפוך
</textPath>
</text>
</svg>
有没有办法解决这个问题?这是已知错误还是有我应该使用的属性?
JSFIddle: http://jsfiddle.net/j9RnL/
最佳答案
我自己没有找到优雅的解决方案,只是将字符反转。
function reverse(s, languageCode) {
if (['he', 'ar'].indexOf(languageCode) === -1)
return s;
return s.split("").reverse().join("");
}
关于html - 沿 SVG 路径渲染 RTL 文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24849981/