HTML5画布 - 只绘制图像差异？

Question

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

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

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

是否可以更改此代码并以某种方式仅绘制已更改的像素？如果有可能，这会增加性能吗？谢谢您的帮助。 ：）

Answer 1

首先更有效的方法是仅在图像之间发送/接收图像增量（已更改），然后在画布上绘制。