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リファレンスマニュアル