URL에서 이미지 로드 및 HTML5 Canvas에 그리기

src를 설정한 후 JavaScript에서 이미지 객체를 생성해야 합니다.

단, 그리기 전에 load 이벤트를 기다려야 합니다.

다음은 캔버스입니다.

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