डेटा URL से HTML5 कैनवास पर चित्र बनाना

यदि आपके पास डेटा url है, तो आप कैनवास पर एक छवि बना सकते हैं। यह निम्न कोड स्निपेट में दिखाए गए अनुसार किया जा सकता है -

var myImg = new Image;
myImg.src = strDataURI;

ड्रॉइमेज () विधि कैनवास पर एक छवि, कैनवास या वीडियो खींचती है। ड्राइमेज () विधि छवि के कुछ हिस्सों को भी खींच सकती है, और/या छवि के आकार को बढ़ा / घटा सकती है।

नीचे दिया गया कोड भी अनुक्रम के साथ उपयुक्त है - छवि बनाएं, नई छवि का उपयोग करने के लिए अधिभार सेट करें, और फिर src सेट करें -

// load image from data url
Var Obj = new Image();
Obj.onload = function() {
   context.drawImage(myImg, 0, 0);
};
Obj.src = dataURL;