Question

我需要此椭圆机中显示的所有文字，但事实并非如此。

代码

<embed width="1000" height="1000" type="image/svg+xml" src="path.svg">
  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">   
    <defs>
        <path id="textPath" 
              d = "M 50 250
                   a 250 250 0 1 1 575 0"
       />
    </defs>
    <text fill="red">
      <textPath xlink:href="#textPath">Foobarcs. All your favorites in one place.     
      </textPath>
    </text>    
  </svg>
</embed>

Answer 1

你的小提琴有点破，但修好后，一切看起来还不错。所有文字都可见。

http://jsfiddle.net/usVuq/1/

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">   
  <defs>
      <path id="textPath" 
            d = "M 50 250
                 a 250 250 0 1 1 575 0" />
  </defs>

  <use xlink:href="#textPath" stroke="blue" fill="none" />

  <text fill="red">
    <textPath xlink:href="#textPath">Foobarcs. All your favorites in one place.     
    </textPath>
  </text>    

</svg>

或者你还需要其他我不理解的东西吗？

椭圆路径被切断

1 个答案: