HTML-Canvas-Bild

Canvas - Bild

Um ein Bild auf dem Canvas zu zeichnen, verwenden Sie die folgende Methode:

  • drawImage(Bild,x,y)

Beispiel

Tulpen

JavaScript:

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

Probieren Sie es selbst aus

Weitere Informationen: