ล่าสุดการพัฒนาเว็บบทเรียน
 

HTML ผ้าใบแสดงสินค้า


ผ้าใบ - ภาพ

การวาดภาพบนผืนผ้าใบให้ใช้วิธีการต่อไปนี้:

  • drawImage( image,x,y )

ตัวอย่าง

กรี๊ด

javascript:

window.onload = function() {
    var canvas = document.getElementById("myCanvas");
    var ctx = canvas.getContext("2d");
    var img = document.getElementById("scream");
    ctx.drawImage(img, 10, 10);
};
ลองตัวเอง»

คุณไม่สามารถวาดภาพก่อนที่ภาพจะมีการโหลด เรียกใช้ฟังก์ชันจาก window.onload()