貼圖

本章節要示範的是在 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