कैनवास क्रॉप करें / निश्चित चौड़ाई और ऊंचाई के साथ 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);