出現(xiàn)Canvas.toDataURL 圖片跨域問題怎么解決呢？下面小編就為大家?guī)硪黄狢anvas.toDataURL 圖片跨域問題的快速解決方法。
如題，在將頁面的圖片地址進行本地輸出時（Html2Canvas.js），因不同源存在跨域問題，會出現(xiàn)toDataURL訪問權限問題：
【Redirect at origin 'http://sub1.xx.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://sub2.xx.com' is therefore not allowed access.】
解決方案：
根據(jù)錯誤分析需要在控制頭增加“Access-Control-Allow-Origin”，即允許訪問源文件權限，那么我們對這個頁面【注意是要輸出頁面的圖片】這樣處理：
var img = new Image;
img.onload = myLoader;
img.crossOrigin = 'anonymous'; //可選值：anonymous，*
img.src = 'http://myurl.com/....';
或者是HTML中
<img src="" id="imgclcd" crossorigin="anonymous">
核心是請求頭中包含了 Origin: "anonymous"或"*" 字段，響應頭中就會附加上 Access-Control-Allow-Origin: * 字段，問題解決。
以上這篇快速解決Canvas.toDataURL 圖片跨域的問題就是小編分享給大家的全部內容了，希望能給大家一個參考
公眾號
事業(yè)單位
當前位置：
公考類
招聘類
各類考試
