HTML Canvas 圖像

Canvas - 圖像

要在畫布上繪制圖像，請使用以下方法：

  • drawImage(image,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 參考手冊