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

How to log rotate attribute in transform using d3.js?

本文关键字:旋转 属性 变换 记录 何使用 d3 js      更新时间:2023-09-26

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

中获得值-41.811111262071016

在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