JavaScript - 有没有办法如何绘制SVG路径下的内容？ [英] JavaScript - Is there a way how to draw SVG path UNDER the content?

问题描述

我需要一个路径，在内容（文本） - 有一个方法如何做到这一点？

I need a path that goes UNDER the content (text) - is there a way how to do that?

（已经在别的地方回答，索引不影响svg路径）

(as already been answered somewhere else, z-index doesnt affect svg paths)

推荐答案

您可以声明 PATH code>在不同的 SVG 图层中，将一个图层放在另一个图层上

You can declare PATH and TEXT in different SVG layers, and put one layer onto another like this

<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/

这篇关于JavaScript - 有没有办法如何绘制SVG路径下的内容？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！