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';