如何使用d3.js记录变换中的旋转属性？

Question

How to log the value of rotate attribute using d3.js. For example <path transform="translate(315.51970228390724 335.28984670867146) rotate(-41.811111262071016)"></path> I want to get value -41.811111262071016 in console.log()

Answer 1

In d3 it's easily done using d3.transform() :

 var myPath = d3.select("path"); var value = d3.transform(myPath.attr("transform")).rotate; console.log(value); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script> <path transform="translate(315.51970228390724 335.28984670867146) rotate(-41.811111262071016)"></path> 

Note : this only works in d3 version 3.