URL से इमेज लोड करें और HTML5 कैनवास पर ड्रॉ करें

आपको JavaScript में एक इमेज ऑब्जेक्ट बनाने की आवश्यकता है उसके बाद 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';