RaphaelJS 平滑旋转对象,如 freeTransform

发布于 2024-12-28 18:09:37 字数 393 浏览 2 评论 0原文

我需要像 Elbert F 的 freeTransform 一样平滑地旋转对象。

请任何人查看我的代码并帮助我解决这个问题。

我不需要任何其他代码或任何其他插件,但需要在我自己的代码中进行一些编辑

我认为一些代码move函数中angle的正确公式负责物体的平滑旋转。

提前致谢

I need to rotate objects in a smooth way like Elbert F's freeTransform does.

Please anyone review my code and help me to solve this problem.

I don't need any other code or any other plugin but some editing in my own code

I think some correct formula of angle in move function of code is responsible for smooth rotation of object.

Thanks in advance

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

当爱已成负担 2025-01-04 18:09:37

我已经做到了这一点,它的数学公式有点棘手,这对我很有帮助。
这里是更新的代码

var centreX = "center of rectanlge, x-coordinate", centreY = "center of rectangle, y-coordinate";
var theta = Math.atan2(centreX - dx, centreY - dy); // dx and dy are movement of mouse from the rotating element

angle =  1 * (theta * 180)/3.1415;;

element.rotate(angle, centreX, centreY);

I have done this and its a bit tricky formula of Math which helped me.
Here is updated code

var centreX = "center of rectanlge, x-coordinate", centreY = "center of rectangle, y-coordinate";
var theta = Math.atan2(centreX - dx, centreY - dy); // dx and dy are movement of mouse from the rotating element

angle =  1 * (theta * 180)/3.1415;;

element.rotate(angle, centreX, centreY);
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文