内存泄漏 - Javascript/jquery 和 canvas答案

【问题标题】：Memory leak - Javascript/jquery and canvas内存泄漏 - Javascript/jquery 和 canvas
【发布时间】：2013-04-02 13:01:39
【问题描述】：

我遇到了一个严重的问题，与帆布旋转木马有关。作为第一个 html/canvas/javascript 方法，我决定尝试为自己制作一些图片轮播。

你可以在这里找到它，在我主页的每一页http://www.wizopunk-art.com 我停用了轮播，所以就...

var wizopunk = new backroundViewer("backgroundCanv");

..在你的控制台某处

您可能马上就会感觉到，动画效果不是很好。似乎我遇到了某种内存泄漏，但我无法自己找到它。希望您能给点提示，比如有用的工具，或者即使有人想看看我自己的脚本。我的印象是，我在画布上绘制的每张图片都保存在内存中。

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

我不知道我的描述是否足够准确，我也不想打扰或其他什么..所以请告诉我是否在我的信息中遗漏了什么

PS : 对不起我的英语不好..

【问题讨论】：

标签： javascript jquery memory canvas memory-leaks

【解决方案1】：

首先...创建渲染循环的更好方法是使用requestAnimationFrame 而不是setInterval。另一件事是首先在后台渲染所有内容。在这里，您可以找到很多关于使用 canvas 元素进行开发的性能技巧。 (http://www.html5rocks.com/en/tutorials/canvas/performance/)

【讨论】：

首先感谢您的回答！所以我把我所有的 setTimout 都改成了 requestAnimationFrame （找到了一个用于规范化的小脚本）。没有什么真正改变..我读了你的链接的内容，很有趣，但除了“requestAnimationFrame”，我已经尝试了一切:)我有一个缓冲画布..我只是想知道也许我的图片太大了并且太重而无法在此类动画中绘制？