是否可以创建一个d3 / svg圆形画布/容器？

Question

我正在尝试在d3中实现圆形画布。我试过编辑这个矩形画布的例子......

http://jsfiddle.net/k92end80/1/

但每当我添加一个svg：circle时，它只会阻止它背后的任何节点 - 有人知道这是否可能在d3 / svg中？

我天真地想我可以用cx，cy，r属性替换下面的属性......

var container = d3.select("body")
                    .append("svg")
                      .attr("id", "svgcontainer")
                      .attr("width", 300) //replace with a cx
                      .attr("height", 300) //replace with a cy
//add a r attr
                      .style("background-color", "#aaaaee")
                      .call(zoom)
                    .append("g");

感谢您的帮助！

Answer 1

SVG 1.1规范tells us：

  

画布对于空间的每个维度都是无限的，但渲染相对于画布的有限矩形区域发生。这个有限的矩形区域称为SVG视口。

认为理所当然，d3和任何其他框架都不能建立任何其他形状的画布或视口。