html5 可以 要從Canvas獲取圖片數(shù)據(jù)，其核心思路是用canvas的toDataURL將Canvas的數(shù)據(jù)轉(zhuǎn)換為base64位編碼的PNG圖像 var imgData=canvastoDataURL“imagepng”imgData格式如下”dataimagepngbase64，xxxxx“真正圖像數(shù)據(jù)是base64編碼逗號之后的部分 可以試一下。

先來了解一下HTML5應(yīng)用程序緩存和瀏覽器緩存的區(qū)別有些瀏覽器會主動保存自己的緩存文件以加快網(wǎng)站加載速度但是要實現(xiàn)瀏覽器緩存必須要滿足一個前提，那就是網(wǎng)絡(luò)必須要保持連接如果網(wǎng)絡(luò)沒有連接，即使瀏覽器啟用了對一個站點的緩存，依然無法打開這個站點只會收到一條錯誤信息而使用離線web。

HTML5版相對有響應(yīng)速度快本地讀取拖拽功能簡單前端切圖不需要依賴服務(wù)器，減少開發(fā)成本在舊版的切圖工具里，我們的做法是將圖片上傳到服務(wù)器，然后通過服務(wù)器端把圖片切好后把對應(yīng)的地址返回，前端再把頁面顯示出來這樣的做法會導(dǎo)致在網(wǎng)絡(luò)慢時出現(xiàn)長時間的等待，而如果頁面放棄這里的操作，還。

HTML5技術(shù)支持WebApp在手機(jī)上拍照，顯示在頁面上并上傳到服務(wù)器這是手機(jī)微博應(yīng)用中常見的功能，當(dāng)然你也可以在其它類型應(yīng)用中適當(dāng)使用此技術(shù)1 視頻流 HTML5 的 The Media Capture媒體捕捉 API 提供了對攝像頭的可編程訪問，用戶可以直接用 getUserMedia請注意目前僅Chrome和Opera支持獲得攝像。