如何获得转换/旋转的SVG路径点

Question

我通过设置属性transform =＆＃34; rotate（45）＆＃34;

来旋转SVG路径元素

现在我怎样才能获得旋转的SVG路径点？

当我检查属性＆＃34; d＆＃34;它仍然显示原始点[未旋转]。

Answer 1

如果通过path.getPointAtLength（）获得指向，则需要将路径转换应用于结果。您可以通过以下方式获得总转换：

var t = path.getTransformToElement( path.ownerSVGElement );
var abspoint = path.getPointAtLength( 0.5 ).matrixTransform( t );

我没有测试过这个，但这可能就是这样......

这对路径上的某些点有好处。如果整个路径数据列表应该转换为绝对数据，那么raphael可能是最快的解决方案...

Answer 2

svg本身没有提供这种功能的功能。不是在jQuery中AFAIK。

javascript库Raphaël包含了您想要的实用工具方法，请参阅Raphael.transformPath。