svg 文本 - rtl 问题

Question

当我添加字母间距或单词间距时 chrome 会将 rtl 翻转为 ltr，并且 letters\words 会反转。这是一个沙箱：https://codesandbox.io/s/f57mc?file=/src/App.js

<svg textAnchor="middle">
  <text x="50" y="50" direction="rtl" writing-mode="rl"
    letterSpacing="4">שלום</text>
</svg>

提前感谢您的帮助

Answer 1

更新

这是 Chrome SVG 渲染器中的已知错误。 Chrome bug number is 973581.

有关详细信息，请参阅该错误报告。

旧答案

这确实是一个错误。我认为这只是 Chrome 的文本整形算法的不足。该错误似乎不会影响 HTML 文本整形代码（见下文）。

如其他人所说，请报告错误。如果你这样做，请将错误 [=35=] 添加到此问题以供将来参考。

<svg>
  <text
    x="0"
    y="50"
    letter-spacing="4"
    >שלום</text>
</svg>

<p style="letter-spacing: 4px">שלום</p>

svg text - rtl issue