有没有办法为 HTML5 Canvas 暂停/恢复?
说出我的代码:
// Draw lines with decreasing widths
for (i = 20; i > 0; i--)
{
var v=i*20
ctx.strokeStyle = "rgb("+v+", "+v+", "+v+")";
ctx.lineWidth = i;
ctx.beginPath();
ctx.moveTo(55, 20 + (20 - i) * 24);
ctx.lineTo(335, 20 + (20 - i) * 24);
ctx.stroke();
}
在代码的开头,我想暂停()意思是,我会告诉浏览器“好的,你现在真的不必浪费任何资源来做任何实际的绘图”,我只是告诉你的命令。然后在循环之后我将调用 Resume() 意思是“好的,你现在可以开始绘制它们了”
顺便说一句,有没有人知道在 javascript 中是否有上下文对象的完整引用(我在 google 和 MDC 中都找不到它......)
最佳答案
尝试在屏幕外绘制线条而不是“暂停” Canvas :http://kaioa.com/node/103
结果是一样的
var renderToCanvas = function (width, height, renderFunction) {
var buffer = document.createElement('canvas');
buffer.width = width;
buffer.height = height;
renderFunction(buffer.getContext('2d'));
return buffer;
};
(摘自上述网页的代码片段)
关于javascript - 暂停和恢复 HTML5 Canvas ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6183267/