HTML5 画布 - 仅绘制图像差异？答案

【问题标题】：HTML5 canvas - Only draw image differences?HTML5 画布 - 仅绘制图像差异？
【发布时间】：2012-08-15 07:55:16
【问题描述】：

我通过 websocket 接收 base64 格式的图像，然后使用以下方法在画布上绘制图像：

var img=new Image();
img.onload = function() {
    cxt.drawImage(img, 0, 0, canvas.width, canvas.height);
};

img.src = "data:image/jpeg;base64,"+imgData;

是否可以更改此代码并以某种方式仅绘制已更改的像素？如果可能的话，这甚至会提高性能吗？谢谢您的帮助。 :)

【问题讨论】：

首先更有效的方法是仅在图像之间发送/接收图像增量（发生了什么变化），然后在画布上绘制...不？
大声笑，这是有道理的。我会去做。谢谢！ :)
你能回答这个问题吗，我会接受的。

标签： performance html5-canvas drawimage

【解决方案1】：

首先更有效的是仅在图像之间发送/接收图像增量（发生了变化），然后将其绘制在画布上。

【讨论】：