如何使用d3.js在变换中记录旋转属性?
问题描述:
如何使用d3.js记录rotate属性的值 例如<path transform="translate(315.51970228390724 335.28984670867146) rotate(-41.811111262071016)"></path>
我想获得价值-41.811111262071016中的console.log()如何使用d3.js在变换中记录旋转属性?
答
在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中。