performance - 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

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