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

最初に効率的なのは、画像間で画像デルタ (変更されたもの) のみを送受信し、それをキャンバスに描画することです。