D3 v4 Get translation of element values

Question

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

In v3 you can use

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

However, d3.transform is not available in version 4. How to achieve an equivalent result?

Answer 1

Try it.

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

You can then access dx by translating [0] and dy by translating [1].