Tải ảnh từ URL và vẽ lên HTML5 Canvas

Bạn cần tạo đối tượng image trong JavaScript sau đó đặt src.

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

Canvas như sau:

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