Browser Raphael.js——脚本看起来很轻,但执行却很重——为什么?

Browser Raphael.js——脚本看起来很轻,但执行却很重——为什么?,browser,raphael,repaint,motion,reflow,Browser,Raphael,Repaint,Motion,Reflow,我正在Windows XP上使用Raphael 2.01、Firefox 12.0 我尝试了连续对象运动(而不是tween动画)。我认为我的脚本的负载很轻,但是电脑冷却风扇的声音会很大 我想知道原因和解决办法 (步骤) 我在文档上设置了几个圆形对象(5到10) 他们继续前进。当它们接触到文档边缘时,它们会返回(反向移动),但它们的移动速度会减慢 当我在Google Chrome的任务管理器中检查电脑的负载时, 内存使用量越来越大(40MB==>150MB===>…) (脚本) *对不起。当

我正在Windows XP上使用Raphael 2.01、Firefox 12.0

我尝试了连续对象运动(而不是tween动画)。我认为我的脚本的负载很轻,但是电脑冷却风扇的声音会很大

我想知道原因和解决办法

(步骤)

  • 我在文档上设置了几个圆形对象(5到10)

  • 他们继续前进。当它们接触到文档边缘时,它们会返回(反向移动),但它们的移动速度会减慢

  • 当我在Google Chrome的任务管理器中检查电脑的负载时, 内存使用量越来越大(40MB==>150MB===>…)

(脚本)


*对不起。当我将代码粘贴到“jsfiddle”时,会出现圆形对象,但它们不会运行。

RaphaelJS使用传统的样式更改和偏移来制作动画,这会导致很多错误。对于一些简单的情况,例如。

在使用JSFIDLE之后,内存泄漏似乎是最不重要的问题。调试、重构和更正脚本,而不是问一个更简洁的问题。谢谢Eliran,很抱歉我的回复太晚了。我认为“translate()”会消耗大量内存,选择函数“animate()”可以降低内存消耗。但这种方法对直线的数学运动描述效果很好。所以我了解了更多关于拉斐尔的计划。