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

Question

我需要一条在内容（文本）下的路径 - 有没有办法做到这一点？

（正如已经在其他地方回答的那样，z-index 不会影响 svg 路径）

Answer 1

您可以在不同的层中声明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/