Tải hình ảnh từ url và vẽ vào HTML5 Canvas

Bạn cần tạo một đối tượng hình ảnh trong JavaScript sau khi đặt src.

Tuy nhiên, bạn cần đợi sự kiện tải trước khi vẽ.

Sau đây là canvas:

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