Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何获取变换/旋转的SVG路径点_Svg_Jquery Svg - Fatal编程技术网

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

如何获取变换/旋转的SVG路径点,svg,jquery-svg,Svg,Jquery Svg,我通过设置属性transform=“rotate(45)”旋转了SVG路径元素 现在如何获得旋转的SVG路径点 当我检查属性“d”时,它仍然显示原始点[未旋转]。svg本身没有提供这种功能。也不在jQuery中 javascript库Raphaël包含一个实用方法,用于实现所需的功能,请参见。如果通过path.getPointAtLength()获取点,则需要将路径转换应用于结果。通过以下方式获得总变换: var t = path.getTransformToElement( path.owne

我通过设置属性transform=“rotate(45)”旋转了SVG路径元素

现在如何获得旋转的SVG路径点


当我检查属性“d”时,它仍然显示原始点[未旋转]。

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


javascript库Raphaël包含一个实用方法,用于实现所需的功能,请参见。

如果通过path.getPointAtLength()获取点,则需要将路径转换应用于结果。通过以下方式获得总变换:

var t = path.getTransformToElement( path.ownerSVGElement );
var abspoint = path.getPointAtLength( 0.5 ).matrixTransform( t );
我没有测试过,但这可能是


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

这是一种效率非常低的方法,基本上将路径转换为直线段。如果你放大的话,它也会让平滑的曲线看起来像块。这对我来说很有效。有一个打字错误。它应该是“矩阵变换”。示例代码中缺少“r”