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? (as already been answered somewhere else, z-index doesnt affect svg paths)

Solution 1:

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

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

http://jsfiddle.net/WJZrU/