javascript - 如何设置 D3.js svg 的背景颜色？

Question

我对 D3.js SVG 的样式不是很熟悉。我创建了一个可折叠的树，并将提供一个选项来将此树下载为 SVG/PDF/PNG。这很好用，但生成文件的背景颜色始终是透明的。是否有可能创建具有特定背景颜色的 D3 SVG？我在工作中使用了这个例子:

http://bl.ocks.org/mbostock/4339083

谢谢!

Answer 1

只需添加一个<rect>作为第一个显示您想要的颜色的绘画订单项目。

var svg = d3.select("body").append("svg")
    .attr("width", width + margin.right + margin.left)
    .attr("height", height + margin.top + margin.bottom);

svg.append("rect")
    .attr("width", "100%")
    .attr("height", "100%")
    .attr("fill", "pink");

svg.append("g")
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")");