Утечка памяти - Javascript/jquery and canvas

Question

У меня есть одна серьезная проблема, касающаяся карусели на холсте. Я решил, как первый подход html/canvas/javascript, попытаться сделать себе карусель.

Вы можете найти его здесь, на everypage моей странице http://www.wizopunk-art.com я отключенной карусель, так просто ...

var wizopunk = new backroundViewer("backgroundCanv"); 

..somewhere в консоли

Как вы могли бы Сенс сразу , анимация не очень эффективна .. Кажется, у меня какая-то утечка памяти, но я не могу ее самостоятельно найти. Я надеялся, что у вас может быть какой-то намек, например полезные инструменты или даже если кто-то захочет бросить взгляд на мой собственный сценарий. У меня сложилось впечатление, что каждая картина, которую я рисую на холсте, хранится в памяти.

здесь ссылку на сценарий: http://www.wizopunk-art.com/javascript/carousel.js

Я не знаю, если мое описание достаточно точным, и я не имею в виду, чтобы беспокоить или что-то .. поэтому, пожалуйста, просто скажите мне, если я что-то отсутствует в моем сообщении

PS: извините за мой бедный английский ..

Answer 1

... Первый лучший способ создания цикла рендеринга использует requestAnimationFrame вместо setInterval. Другое дело - сначала сделать все в фоновом режиме. Здесь вы можете найти множество рекомендаций по разработке с помощью элемента canvas. (http://www.html5rocks.com/en/tutorials/canvas/performance/)