Để double buffering trên canvas, tạo phần tử canvas thứ 2 và vẽ lên nó. Sau đó vẽ hình ảnh lên canvas đầu tiên dùng drawImage(),
// phần tử canvas var canvas1 = document.getElementById('canvas'); var context1 = canvas1.getContext('2d'); // canvas đệm var canvas2 = document.createElement('canvas'); canvas2.width = 250; canvas2.height =250; var context2 = canvas2.getContext('2d'); // tạo trên canvas context2.beginPath(); context2.moveTo(10,10); context2.lineTo(10,30); context2.stroke(); // render canvas đệm context1.drawImage(canvas2, 0, 0);