SVG中文本的背景色

SVG中文本的背景色

否，这是不可能的，SVG元素没有

background-...

表示属性。

为了模拟这种效果，您可以使用

fill="green"

或类似的东西（过滤器）在text属性后面绘制一个矩形。使用Javascript，您可以执行以下 *** 作：

var ctx = document.getElementById("the-svg"),textElm = ctx.getElementById("the-text"),SVGRect = textElm.getBBox();var rect = document.createElementNS("http://www.w3.org/2000/svg", "rect");    rect.setAttribute("x", SVGRect.x);    rect.setAttribute("y", SVGRect.y);    rect.setAttribute("width", SVGRect.width);    rect.setAttribute("height", SVGRect.height);    rect.setAttribute("fill", "yellow");    ctx.insertBefore(rect, textElm);