Question

我试图旋转SVG对象。我在那里找到了一些教程或问题，但对我而言，它没有用。

我有svg文本或路径元素。
围绕元素，有一些移动处理程序，删除..旋转
我需要的东西：当我拖动处理器元素以使用所选元素旋转并使用鼠标移动时，元素应该相应地旋转，在哪一侧我用鼠标移动。

与Raphael自由变换插件中的功能相同。

代码：

<text style="text-anchor: middle; font: 20px Arial;" x="0" y="0" text-anchor="middle" font="10px "Arial"" stroke="#000000" fill="#000000" transform="matrix(1,0,0,1,226,240)" font-family="Arial" stroke-width="1" font-size="20px">
<path style="" fill="none" stroke="#000000" d="M192.95000076293945,228L258.7833366394043,228L258.7833366394043,252L192.95000076293945,252L192.95000076293945,228" stroke-dasharray="4,3">
<image x="171.95000076293945" y="207" width="21" height="21" preserveAspectRatio="none" href="image/ico/drag.png">
<image x="258.7833366394043" y="207" width="21" height="21" preserveAspectRatio="none" href="image/ico/rotate.png">
<image x="258.7833366394043" y="252" width="21" height="21" preserveAspectRatio="none" href="image/ico/scale.png">
<image x="171.95000076293945" y="252" width="21" height="21" preserveAspectRatio="none" href="image/ico/delete.png">

text是旋转的元素。 path是所选元素的框架。图像元素是动作的处理程序，如移动...旋转。

我花了很多时间没有结果。谢谢你的帮助！

Svg元素旋转

0 个答案: