javascript - 如何在Raphael js中移动到另一个位置和 "animate "一个圆圈

标签 javascript raphael

我创建了一个点作为一个小圆圈,并想要制作动画以查看它如何从 x : 300, y : 390 , r: 5 移动到 300, 130 。我在网上搜索了如何对圆进行动画处理,并找到了有关如何对其半径进行动画处理的更多信息,但这不是我需要的。我希望相同半径的点从一个点移动到另一个点。我发现了一些关于沿着路径/“.animateAlong()” 的东西。这是我需要的吗?此“沿路径期望的属性是什么?

我希望圆圈在代码运行后立即移动。不想通过鼠标监听来改变位置。

希望能对它有一些清晰的说明,如果可能的话,给我一个简单的代码示例,让我看看它是如何工作的。

最佳答案

您只需设置要设置动画的相应属性,在本例中为 cx 和 cy(cx、cy 是圆的中心,矩形有 x、y)。

myCircleElement.animate({ cy: 150 }, 2000);

关于javascript - 如何在Raphael js中移动到另一个位置和 "animate "一个圆圈,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38954209/

相关文章:

javascript - 使用 ISO 8601 日期字符串初始化 javascript 日期会生成日期值 -1 天

javascript - 将变换与 raphael 集结合使用

将 SVG 形状添加到 Raphael 组火灾事件中,就像分开一样

javascript - 如何将 css 类添加到 Raphael 对象

javascript - 删除对对象方法的公共(public)访问

javascript - jquery mobile 阻止执行或退出

javascript - Rails 4 -//= 需要 jquery.ui.all 或使用 CDN 之间的区别

javascript - 如何对父 Div 中的 svg 元素进行拖动限制这意味着 Ex。拖动椭圆和矩形元素时没有超出框

javascript - Raphael.js 中的自定义动画

javascript - CSS溢出,有时需要滚动条,有时不需要(覆盖框)动态屏幕高度