javascript - html2canvas，實現截圖，圖片跨域問題。

問題描述

使用本地圖片生成截圖時也報跨域問題。

<p id='navp'> <a onClick='testFun();'><p class='title-msg'>美的國際支持部美國加利福尼亞州綜合統計報表</p><p> <img src='http://www.wxshucaidpc.com/wenda/images/worldMap.png'></p> </a></p>

html2canvas(document.getElementById(’navp’),{ allowTaint:true, height: 500}).then(function(canvas) { var aTag = document.createElement('a'); aTag.innerHTML = 'This is a test'; aTag.setAttribute('href', canvas.toDataURL()); aTag.setAttribute('download', 'myPic.png'); document.body.appendChild(aTag);});

問題解答

http://stackoverflow.com/ques...

要用canvas讀圖片，最好啟動本地web服務來啟動這個頁面（不然算跨域的），不要只是瀏覽器打開本地html文件而已。