আপনার যদি একটি ডেটা url থাকে, আপনি একটি ক্যানভাসে একটি ছবি তৈরি করতে পারেন৷ নিম্নলিখিত কোড স্নিপেটে দেখানো হিসাবে এটি করা যেতে পারে −
var myImg = new Image; myImg.src = strDataURI;
drawImage() পদ্ধতি ক্যানভাসে একটি ছবি, ক্যানভাস বা ভিডিও আঁকে। drawImage() পদ্ধতিটি একটি ছবির কিছু অংশও আঁকতে পারে এবং/অথবা ছবির আকার বাড়াতে/কমিয়ে দিতে পারে।
নীচের কোডটিও ক্রম অনুসারে উপযুক্ত - ছবি তৈরি করুন, নতুন ছবি ব্যবহার করার জন্য অনলোড সেট করুন এবং তারপর src −
// load image from data url
Var Obj = new Image();
Obj.onload = function() {
context.drawImage(myImg, 0, 0);
};
Obj.src = dataURL; 