教學與資訊
HTML5 Canvas 基礎(七) 生成圖片- toDataURL
要把 canvas 的內容轉成圖片，只要透過 toDataURL 就可以了，toDataURL可以再設定圖片的格式和品質。
教學與資訊
教學與資訊
HTML5 Canvas 基礎(六) 繪製文字
使用 canvas 繪製文字時是利用 .fillText(textDraw, x, y) ，其中 textDraw 為文字的內容，x,y 則為座標位置，繪製前可以做一些文字的設定。
教學與資訊
HTML5 Canvas 基礎(五) drawImage()- 繪製圖片
利用 drawImage() 的方式把圖片繪製到 canvas 上，完整參數為 drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight)。
教學與資訊
HTML5 Canvas 基礎(四) 畫直線與弧線
透過 lineTo 和 arc 在 canvas 繪製直線與弧線。
教學與資訊
HTML5 Canvas 基礎(三) 陰影
利用 shadowOffsetX, shadowOffsetY, shadowBlur, shadowColor 設定陰影後繪製至 canvas 上。
教學與資訊
HTML5 Canvas 基礎(二) 漸層填色
透過 createLinearGradient() 和 createRadialGradient() 在 canvas 上繪製漸層瑱色。
教學與資訊
HTML5 Canvas 基礎(一) 矩形
canvas 是 HTML5 新增的一種標籤，可以把它簡單想像成畫布，我們可以在畫布建立之後透過 javascript 在上面繪製我們想要的圖形出來。
教學與資訊
HTML5 的 Video and Audio APIs(音樂與影片控制)
我們可以透過 HTML5 的 Video and Audio APIs 來實現自製播放器的功能。
教學與資訊
HTML5 新的 input 屬性
HTML5 新的 input 的類型，包含color、range、number、email、url、tel、search、date、time、datetime-local、week、month...等
教學與資訊
HTML5 Vibration API(震動 API)
要控制裝置的震動(一般為手機)的話可以使用 Vibration API 來達成，使用方法只要透過 window.navigator.vibrate() 即可。
教學與資訊
HTML5 Battery Status API(電池狀態 API)
我們可以透過 navigator.getBattery()方法取得BatteryMananger物件，再透過BatteryManager物件取得電池相關資訊。
教學與資訊
HTML5 fullscreen API(全螢幕 API)
如果想要讓整個頁面或某個區塊變成全螢幕的形式，可以使用這個 HTML5 fullscreen API，使用方法也很簡單，只要像這樣去指定要變全螢幕的區塊再去呼叫 requestFullscreen() 就好了。