貼圖

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