1

我将此片段从Mozilla复制到Vue 组件中。

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <path id="MyPath" fill="none" stroke="red"
        d="M10,90 Q90,90 90,45 Q90,10 50,10 Q10,10 10,40 Q10,70 45,70 Q70,70 75,50" />
  <text>
    <textPath href="#MyPath">
      Quick brown fox jumps over the lazy dog.
    </textPath>
  </text>

</svg>

但是<textPath>没有显示，只有<path>渲染。

我尝试设置显式宽度、显示、溢出等，但无济于事。它的宽度和高度保持为 0x0。

这让我很难过，因为当不使用 Vue 时，相同的代码片段在其他选项卡中也可以使用。

澄清一下：我正在使用Vue & Gridsome。

4

1 回答 1

1

经过一个小时的调试，我找到了问题的原因：当body有dir="rtl"文本不呈现时。

我所要做的就是将 SVG 的方向重置为ltr.

但我怎样才能让它工作rtl？？？

看到这个问题，没有答案。

于 2019-11-21T16:15:16.907 回答