JavaScript - 有没有办法在内容下绘制SVG路径?

时间:2013-10-09 07:31:46

标签: javascript jquery css svg jquery-svg

我需要一条在内容(文本)之下的路径 - 有没有办法如何做到这一点?

(正如其他地方已经回答的那样,z-index不会影响svg路径)

1 个答案:

答案 0 :(得分:4)

您可以在不同的PATH图层中声明TEXTSVG,并将一个图层放在另一个图层上

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="position:absolute;z-index:1">
  <text x="100" y="15" fill="red">I love SVG</text>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="position:absolute;z-index:0">
  <path d="M150 0 L75 200 L225 200 Z" />
</svg>

http://jsfiddle.net/WJZrU/