2013-04-10 123 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