Chrome 47中SVG中的从右到左文本

时间:2016-01-14 20:40:44

标签: google-chrome svg right-to-left tspan

在svg中使用RTL字符时,chrome似乎很吓人。它不以不同方式尊重xy位置。对于x 0似乎不是父母的左边。 y位置似乎也会颠倒tspans的垂直顺序。

这是一个已知的错误吗?有没有什么好方法可以在chrome中获得良好的RTL支持?我还注意到选择没有选择正确的RTL方向。

我测试了FF 42并且存在一些x定位问题,但tspans的垂直顺序是正确的。选择的方向也是正确的RTL方向。

jsfidle here

<svg width="600" height="448" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><text  x="0" y="0" style="
    font-size: 64px;
    fill: rgb(0, 0, 0);
    text-align: left;
  ">
  <tspan x="0" y="83.375">است، یعنی جمله‌ای که </tspan>
  <tspan x="0" y="195.375">تمامی حروف الفبای زبان </tspan>
  <tspan x="0" y="307.375">انگلیسی را در خود دارد. </tspan><tspan class="glyphRow" x="0" y="419.375">از این جمله برای آزمایش</tspan>
  </text>
  </svg>

0 个答案:

没有答案