如何在Chrome / Firefox / IE / Edge的svg文本元素中正确显示RTL文本后跟数字？

Question

以下代码按照Chrome / Firefox上的预期显示RTL文本，但不显示IE / Edge。我希望它从x坐标开始，然后增加到左边

<text x="300" y="10" style="direction: rtl;">מאי - יוני 2016</text>

• 如果我应用 text-anchor：end - 文本与IE / Edge中的数字重叠，但在Chrome / Firefox中从x坐标向右显示

https://jsfiddle.net/blteblte/ru7xzydv/2/

是否有任何统一的方法来满足至少最流行的浏览器？

Answer 1

添加dir属性并在SVG内的文本元素中添加“rtl”作为值，以在IE / Edge中显示RTL文本。

检查更新代码的链接： https://jsfiddle.net/ru7xzydv/3/