首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何动画“拉斐尔”画布?

如何动画“拉斐尔”画布?
EN

Stack Overflow用户
提问于 2010-06-29 18:03:37
回答 3查看 2.1K关注 0票数 3

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

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

代码语言:javascript
复制
var paper = Raphael(10, 50, 320, 200);

我现在想要动画的纸张和它里面的所有东西,就像我要动画的形状,已附加到纸张的方式如下:

代码语言:javascript
复制
var firstShape = paper.rect(x, y, width, height);
firstShape.animate({x: 100}, 500, "<");

当我尝试用论文做类似的事情时,比如:

代码语言:javascript
复制
paper.animate({x: 100}, 500, "<");

我得到错误'paper.animate is not a function‘。

这里发生了什么,我如何才能绕过它?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2010-06-29 18:07:23

您的右方括号顺序错误

变化

代码语言:javascript
复制
paper.animate({x: 100, 500, "<")}; 

代码语言:javascript
复制
paper.animate({x: 100}, 500, "<"); 

更新

从文档中看,animate似乎不能直接在paper上调用,只能在从画布中剪切出来的子形状上调用-这就是firstshape.animate工作的原因

票数 3
EN

Stack Overflow用户

发布于 2010-07-06 17:52:11

您不能设置纸张对象的动画。纸张没有要设置动画的属性。但您可以将所有元素合并到set中,然后对其进行动画处理。

票数 9
EN

Stack Overflow用户

发布于 2010-06-29 18:21:26

您不能对绘图板进行动画处理...只有它里面的形状..

纸就是你的画板..而firstShape是在电路板内部创建的形状。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3139635

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档