ক্যানভাস ক্রপ / নির্দিষ্ট প্রস্থ ও উচ্চতায় HTML5 ক্যানভাস এক্সপোর্ট

এই জন্য, বর্তমান ক্যানভাসে আঁকানোর জন্য একটি টেম্পোরারি ক্যানভাস তৈরি করুন। তারপর টেম্পোরারি ক্যানভাসে toDataUrl() মেথড ব্যবহার করুন:

var c = document.getElementsByTagName("canvas"); var ctx = c[0].getContext("2d"); var data = ctx.getImageData(0, 0, c[0].width, c[0].height); var compositeOperation = ctx.globalCompositeOperation; ctx.globalCompositeOperation = "destination-over"; ctx.fillStyle = "#800000"; ctx.fillRect(0,0,c[0].width,c[0].height); var tempCanvas = document.createElement("canvas"), tCtx = tempCanvas.getContext("2d"); tempCanvas.width = 550; tempCanvas.height = 280; tCtx.drawImage(canvas[0],0,0);