ক্যানভাসে ডবল বাফারিংয়ের জন্য, একটি 2য় ক্যানভাস উপাদান তৈরি করুন এবং এটিতে আঁকুন। তারপরে drawImage() পদ্ধতি ব্যবহার করে প্রথম ক্যানভাসে ছবিটি আঁকুন,
// canvas element var canvas1 = document.getElementById('canvas'); var context1 = canvas1.getContext('2d'); // buffer canvas var canvas2 = document.createElement('canvas'); canvas2.width = 250; canvas2.height =250; var context2 = canvas2.getContext('2d'); // create on the canvas context2.beginPath(); context2.moveTo(10,10); context2.lineTo(10,30); context2.stroke(); //render the buffered canvas context1.drawImage(canvas2, 0, 0);