ডেটা URL থেকে HTML5 ক্যানভাসে ইমেজ আঁকা

আপনার যদি একটি ডেটা URL থাকে, তবে সেটি থেকে ক্যানভাসে একটি ইমেজ তৈরি করা যায়। এটি নিচের কোড স্নিপেটের মত করা যায়:

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

drawImage() মেথড ক্যানভাসে ইমেজ, ক্যানভাস, বা ভিডিও আঁকে। drawImage() মেথড ইমেজের অংশও আঁকতে পারে এবং/অথবা ইমেজের আকার বড়/ছোট করতে পারে।

নিচের কোডটিও সঠিক যেহেতু ক্রমটি হলো - ইমেজ তৈরি করুন, onload সেট করুন নতুন ইমেজ ব্যবহার করতে, তারপর src সেট করুন:

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