最近在用canvas繪制圖片后將圖片格式轉成base64鏈接時,在chrome中打開網頁調試時如下遇到了報錯:
Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.
這個問題因為是基於file:// 進行調試的,而chrome做了安全相關的處理,主要是HTML5安全的CORS(跨域資源共享)的安全限制,造成出現這樣的提示,如果你需要在自己的電腦上調試的話,只需要本地搭建一個服務器環境就可以了。
以下提供一個本地啟服務的方法,方法需要安裝nodejs(不知道的同學請自行百度),用npm全局安裝一個http-server的模塊。
npm install http-server -g
安裝好模塊后,進入項目根目錄,按住shift鍵后鼠標右鍵選擇”在此處打開cmd“后,輸入http-server敲回車即可。
啟動服務后,在瀏覽器中輸入127.0.0.1:8080即可查看本地項目目錄,選擇調試的項目,即不會出現報錯。