我目前在地图上使用rect
元素作为点,我想缩放它们的大小,但是D3动画总是从左上角开始动画宽度/高度的变化。是否有一种方法可以从中心点缩放矩形,使其在动画时向所有方向扩展?
这是简单的D3代码。它正在动画改变宽度、高度、rx和ry。
.selectAll(".anchor")
.transition()
.duration(800)
.delay(function (d, i) {
return i * 50;
})
.attr("fill", _graphics.colors.red)
.attr("stroke", _graphics.colors.charcoal)
.attr("width", 10)
.attr("rx", function (d) {
return 10 / 2
})
.attr("ry", function (d) {
return 10 / 2
});