如何在D3中获取特定的变换属性

Question

所有

我想知道如何获得SVG个别变换属性，例如： 翻译Scale等而不是D3中的整个变换字符串。

就像风格一样，我可以使用样式（＆＃34; background-color＆＃34;）来获得单独的背景颜色而不是整个样式字符串。

是否可以将任何类似的API或方法应用于转换属性？

由于

Answer 1

您可以使用d3.transform()，例如

var t = d3.transform(element.attr("transform"));
t.translate;

Answer 2

只需更改属性即可随意移动矩形：）

 var rect = d3.select('rect')
    .attr('x', 400) //move in x direction 
    .attr('y', 200) //move in y direction
    ;

或转换：

var shape = 'rect' //or any other shape SVG shape you want to select
var x = 200, y= 300; // translate variables

    var rect = d3.select(shape)
    //.attr("transform", "translate(x,y)")
    .attr("transform", "translate(" + x + "," + y + ")");
    ;