为什么没有呈现文本路径？

Question

我真的很困惑，为什么这两篇文章没有显示在这条线和路径上。有人能指点我吗？

​

  <svg width="300px" height="300px">
    <line id="ok" x1="10" y1="20" x2="100" y2="100" stroke="red" stroke-width=10>
      <text>
        <textPath stroke="black" xlink:href="#ok">OHHHHSUHDIAU</textPath>
      </text>
    </line>
    <path id="io" d="M10,10 L100,10" stroke="blue" stroke-width=10>
      <text>
        <textPath stroke="black" xlink:href="#io">io</textPath>
      </text>
    </path>
  </svg>

​

Answer 1

您只能在<textPath>上执行<path>。

将<text>放置在<line>或<path>元素中会导致它们不被呈现。

这是我对你想要达到的目标最好的猜测，我希望这能帮上忙

​

<svg width="300px" height="300px">
  <defs>
    <path id="io" d="M10,10 L100,10" />
    <path id="ok" d="M10,20 L100,100" />
  </defs>
  <use xlink:href="#io" stroke-width="10" stroke="blue" />
  <use xlink:href="#ok" stroke-width="10" stroke="red" />
  <text>
    <textPath stroke="black" xlink:href="#io">io</textPath>
    <textPath stroke="black" xlink:href="#ok">OHHHHSUHDIAU</textPath>
  </text>
</svg>

​