Question

这是我的代码，如何设置attr（＆＃34; background-color＆＃34;，＆＃34; red＆＃34;）

var datacollection = stackmap.append("text")
.attr("x", 40)
.attr("y", 50)
.attr("fill", "#8b8b8b")
.attr("font", "14px segoe ui")
.append("tspan")
.text("*content  :  Oh My God " + window.year);

Answer 1

svg text元素没有'背景'的概念，你只能设置实际文本本身的样式。如果你想要一个背景，你需要单独添加，例如，svg rect元素：

stackmap.append("rect")
    .attr({
      "class": "background",
      x: 40,
      y: 50,
      width: 100,
      height: 100
    })
    .style("fill", "red");
stackmap.append("text")
    ..etc

如何设置没有外来对象的svg文本tspan的背景颜色？

1 个答案: