2013-04-10 41 views
0

我遇到了一个严重的问题,涉及一个画布旋转木马。我决定,作为第一个html/canvas/javascript方法,试图让自己的图片轮播。内存泄漏 - Javascript/jQuery和canvas

你可以在这里找到它,就everypage我的主页http://www.wizopunk-art.com 我停用了旋转木马,所以只是......在控制台

var wizopunk = new backroundViewer("backgroundCanv"); 

..somewhere正如你可能SENS马上,动画效果不是很好..似乎我得到了一些内存泄漏,但我无法自己找到它..我希望你可能有一些提示,如有用的工具,或者即使有人想要来看看我自己的脚本..我得到的印象是,我在画布上绘制的每张图片都保存在内存中..

这里的链接脚本: http://www.wizopunk-art.com/javascript/carousel.js

我不知道如果我的描述是不够准确的,我的意思不是打扰或东西..所以,请告诉我,如果我失去了一些东西在我的消息

PS:对不起,我的英文不好..

回答

0

首先...创建渲染循环的一个更好的办法是使用​​代替setInterval。另一件事是先渲染背景中的所有东西。 Overe在这里你可以找到很多使用canvas元素进行开发的性能提示。 (http://www.html5rocks.com/en/tutorials/canvas/performance/

+0

首先,感谢您的回答! 所以我改变了我所有的setTimout到requestAnimationFrame(找到一个正常化的小脚本)。没有真正改变.. 我realied你的链接的内容,很有趣,但除了“requestAnimationFrame”,我已经试过了一切:) 我有一个缓冲区画布..我只是开始怀疑,也许我的图片太大,太重,无法在这种动画中绘制? – wizopunker 2013-04-10 17:53:03

+0

有人有什么想法吗? =) – wizopunker 2013-04-12 15:59:35