如何使用d3.js在變換中記錄旋轉屬性？

Question

如何使用d3.js記錄rotate屬性的值 例如<path transform="translate(315.51970228390724 335.28984670867146) rotate(-41.811111262071016)"></path> 我想獲得價值-41.811111262071016中的console.log（）

Answer 1

在D3它很容易做到使用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>

注意：這僅適用於在d3版本3中。