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

【问题标题】：How to log rotate attribute in transform using d3.js?如何使用 d3.js 在变换中记录旋转属性？
【发布时间】：2016-09-19 21:04:16
【问题描述】：

如何使用 d3.js 记录旋转属性的值。例如<path transform="translate(315.51970228390724 335.28984670867146) rotate(-41.811111262071016)"></path> 我想在 console.log() 中获得值 -41.811111262071016

【问题讨论】：

标签： javascript d3.js rotation transform

【解决方案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。

【讨论】：