javascript - 如何为 'Raphael' Canvas 设置动画?

标签 javascript html svg raphael

我正在使用 Raphael 库创建 SVG 对象。

为了初始化 SVG 形状并为内部的所有内容创建 Canvas ,我使用了文档中所述的以下行:

var paper = Raphael(10, 50, 320, 200);

我现在想为纸张及其内部的所有内容制作动画,就像我要为以下列方式附加到纸张上的形状制作动画一样:

var firstShape = paper.rect(x, y, width, height);
firstShape.animate({x: 100}, 500, "<");

当我在论文中尝试类似的东西时,例如:

paper.animate({x: 100}, 500, "<");

我收到错误“paper.animate 不是函数”。

这里发生了什么,我该如何解决?

最佳答案

您不能为纸对象制作动画。纸张没有动画属性。但是您可以将所有元素合并为 set然后对其进行动画处理。

关于javascript - 如何为 'Raphael' Canvas 设置动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3139635/

相关文章:

html - 为什么我的移动 View 中的导航栏在 bulma 框架下看起来很瘦?

javascript - 在 JavaScript 中将 SVG 文件引用到 SVG 对象

javascript - 缩放传单 map 时,SVG 圆圈不会重新定位

javascript - 使用 Limit 调整文本大小? Javascript

php - 如何从url中删除路径信息?

javascript - 如何在 angularjs 中显示 JSON 的特定部分

svg - 设置指针事件 :none with Raphael

javascript - 提交表单后清除字段并提供消息

javascript - 在 Google map 上显示位置变化,无需一次又一次重新加载 map

html - 如何在 iframe 标签中隐藏水平滚动条?