HTML Canvas 이미지

Canvas - 이미지

화면에 이미지를 그리려면 다음 메서드를 사용하세요:

• drawImage(이미지,x,y)

실례

JavaScript:

window.onload = function() {
  const canvas = document.getElementById("myCanvas");
  const ctx = canvas.getContext("2d");
  const img = document.getElementById("tulip");
  ctx.drawImage(img, 10, 10);
}

직접 테스트해 보세요

다른 참조:

CodeW3C.com의 완전한 Canvas 참조 가이드