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

Question

我正在进行强制布局,无法弄清楚为什么尝试通过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; });

g实际上节点在svg 元素中,可能是为什么？

Answer 1

该cx和cy的属性工作circle仅元素.对于g元素,请使用transform.

一些更多的解释:特定元素的属性cx,cy,x,y,等位置的元素内的坐标系.该transform属性重新定位坐标系.对于没有特定位置属性的元素,这是唯一的定位方式.