Neueste Web-Entwicklung Tutorials
 

Bilder HTML Canvas


Leinwand - Bilder

Um ein Bild auf einer Leinwand zu zeichnen, verwenden Sie die folgende Methode:

  • drawImage( image,x,y )

Beispiel

Der Schrei

JavaScript:

window.onload = function() {
    var canvas = document.getElementById("myCanvas");
    var ctx = canvas.getContext("2d");
    var img = document.getElementById("scream");
    ctx.drawImage(img, 10, 10);
};
Versuch es selber "

Sie können das Bild ziehen, bevor das Bild geladen wurde. Rufen Sie die Funktion von window.onload() .