貼圖

本章節要示範的是在 HTML5 的 Canvas 顯示圖片：

原始碼

//載入圖片
let picture=new Image();
picture.src='picture.jpg';
 
//建立畫布
let canvas=document.createElement('canvas');
document.body.appendChild(canvas);
 
//調整畫布大小為圖片大小
canvas.width=600;
canvas.height=375;
 
//圖片載入後描繪到畫布上
picture.onload=function(){
    let context=canvas.getContext('2d');
    context.drawImage(picture,0,0);
};

範例下載

19690511A.7z