HTML5中drawImage使用時(shí)遇到的問題及解決方法

瀏覽器不支持 其實(shí)這種寫法是有錯(cuò)誤的，實(shí)際上只要一刷新圖片就不顯示出來。要想保證刷新正常顯示需要在Image onload的`時(shí)候重繪一次才行。測(cè)試在chrome 19下會(huì)出現(xiàn)的問題。

站在用戶的角度思考問題，與客戶深入溝通，找到懷柔網(wǎng)站設(shè)計(jì)與懷柔網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名注冊(cè)、網(wǎng)站空間、企業(yè)郵箱。業(yè)務(wù)覆蓋懷柔地區(qū)。

必須等到圖片完全加載后才能對(duì)其進(jìn)行操作， 瀏覽器通常會(huì)在頁(yè)面腳本執(zhí)行的同時(shí)異步加載圖片。

解決辦法如下：Firefox：在地址欄輸入about：config，然后設(shè)置security.fileuri.strict_origin_policy為false。Chrome：在命令行中運(yùn)行 /path-to-chrome/chrome.exe –allow-file-access-from-files。

ctx.drawImage(img，0，0)；改為 img.onload = function(){ctx.drawImage(img，0，0)；} 只有img 加載完了 你畫它才有意義。

getImageData方法不支持file協(xié)議，確定本地啟了服務(wù)。另外最好把控制臺(tái)的錯(cuò)誤代碼貼出來，這樣方便大家找bug。

將圖片的垂直對(duì)齊方式vertical-align更改為 bottom；將圖片display設(shè)置為block，并且指定width 和 height；設(shè)置圖片所在的容器元素的width和height與圖片一樣。

html5video標(biāo)簽,Safari報(bào)錯(cuò),不能播放,播放加載時(shí)間長(zhǎng)

1、但是WEBM和AVI到了SAFARI會(huì)自動(dòng)創(chuàng)建一個(gè)下載進(jìn)程，使用Quicktime播放會(huì)要求轉(zhuǎn)碼，轉(zhuǎn)碼關(guān)閉完之后會(huì)彈出保存，保存的格式是mov，也就是說，Safari不支持這些格式。。

2、播放不了是因?yàn)槭謾C(jī)瀏覽器不支持html5的這個(gè)video新特性。

3、load()； // 如果短的話，可以加載完成之后再播放，監(jiān)聽 canplaythrough 事件即可 video.play()；curr++；if (curr = vLen) curr = 0； // 播放完了，重新播放 } 可以實(shí)現(xiàn)html5 播放多個(gè)視頻。

用HTML5方式上傳文件403錯(cuò)誤啥意思

錯(cuò)誤，是一種在網(wǎng)站訪問過程中，常見的錯(cuò)誤提示。403錯(cuò)誤，表示資源不可用。服務(wù)器理解客戶的請(qǐng)求，但拒絕處理它。通常由于服務(wù)器上文件或目錄的權(quán)限設(shè)置導(dǎo)致的WEB訪問錯(cuò)誤。

Forbidden 是HTTP協(xié)議中的一個(gè)狀態(tài)碼(Status Code)?？梢院?jiǎn)單的理解為沒有權(quán)限訪問此站點(diǎn)。

http狀態(tài)碼 403 （禁止） 服務(wù)器拒絕請(qǐng)求。常有的狀態(tài)代碼表示請(qǐng)求可能出錯(cuò)，妨礙了服務(wù)器的處理。http狀態(tài)碼 400 （錯(cuò)誤請(qǐng)求） 服務(wù)器不理解請(qǐng)求的語(yǔ)法。http狀態(tài)碼 401 （未授權(quán)） 請(qǐng)求要求身份驗(yàn)證。

錯(cuò)誤是一種在網(wǎng)站訪問過程中常見的錯(cuò)誤提示，表示資源不可用，拒絕訪問。通常是由于服務(wù)器上文件或目錄的權(quán)限設(shè)置導(dǎo)致，比如IIS或者apache設(shè)置了訪問權(quán)限不當(dāng)。

html5調(diào)用攝像頭報(bào)錯(cuò)

只需要在Html5代碼中加入下列代碼就可以調(diào)用手機(jī)攝像頭或者相冊(cè)。

首先實(shí)現(xiàn)在瀏覽器中調(diào)用手機(jī)攝像頭，實(shí)現(xiàn)拍照功能并且把拍下的照片顯示在頁(yè)面并上傳到服務(wù)器上，然后再在服務(wù)器端進(jìn)行分析。

參考文檔： 《WebRTC的getUserMedia獲取攝像頭信息模擬拍照》在線測(cè)試： 在線實(shí)例DEMO 實(shí)測(cè)在Android和IOS效果都不好。 在微信和很多瀏覽器直接不支持?jǐn)z像頭，支持的也未正確調(diào)用攝像頭。

移動(dòng)設(shè)備和桌面電腦上的客戶端API起初并不是同步的。最初總是移動(dòng)設(shè)備上先擁有某些功能和相應(yīng)的API，但慢慢的，這些API會(huì)出現(xiàn)在桌面電腦上。

html5提供了 navigator.getUserMedia接口使用設(shè)備攝像頭，chrome28上測(cè)試已經(jīng)可用，復(fù)手機(jī)端瀏覽器測(cè)試發(fā)制現(xiàn)只有opera瀏覽器可用。

chrome30+ for android 已經(jīng)實(shí)現(xiàn)了利用webcam調(diào)用后置攝像頭，想看的話我可以把源碼貼出。但暫時(shí)沒辦法對(duì)焦，實(shí)用不大。