url থেকে ছবি লোড করুন এবং HTML5 ক্যানভাসে আঁকুন

src সেট করার পরে আপনাকে জাভাস্ক্রিপ্টে একটি ইমেজ অবজেক্ট তৈরি করতে হবে।

যাইহোক, আঁকার আগে আপনাকে লোড ইভেন্টের জন্য অপেক্ষা করতে হবে।

নিচের ক্যানভাস:

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

var myImg = new Image();
img.onload = function() {
   context.drawImage(myImg, 0, 0);
};
img.src = 'https://www.tutorialspoint.com/images/seaborn-4.jpg?v=2';