tutorial pengembangan web terbaru
 

Gambar HTML Canvas


Canvas - Images

Untuk menarik gambar pada kanvas, menggunakan metode berikut:

  • drawImage( image,x,y )

Contoh

The Scream

JavaScript:

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

Anda tidak dapat menarik gambar sebelum gambar telah dimuat. Memanggil fungsi dari window.onload() .