cx，cy vs svg和D3中的变换，有什么区别？

Question

我正在研究forced layout并且无法弄清楚为什么尝试通过cx移动节点，cy不起作用。

// This works    
node.attr("transform", function(d) { return "translate(" + d.x + "," + d.

//This doesn't
    node.attr("cx", function(d) { return d.x; })
                    .attr("cy", function(d) { return d.y; });

节点实际上是一个svg g元素，这可能是为什么？

Answer 1

cx和cy属性仅适用于circle元素。对于g元素，请使用transform。

更多解释：特定于元素的属性cx，cy，x，y等将元素定位在中坐标系。 transform属性重新定位坐标系。对于没有特定位置属性的元素，这是唯一的定位方法。