โหลดรูปภาพจาก url และวาดเป็น HTML5 Canvas

คุณต้องสร้างวัตถุรูปภาพใน 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';