D3 v4 Get translate values of an element [duplicate]

Question

When I run d3.select(this).attr("transform") on an element, I get a response translate(20.00,778). However I need to get individual values of translate.

In v3, one can use

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

However d3.transform is not available in v4. How to achieve an equivalent result?

Answer 1

Try this.

string = element.attr("transform");

translate = string.substring(string.indexOf("(")+1, string.indexOf(")")).split(",");

Then you can access dx by translate[0] and dy by translate[1].