問題描述

使用本地圖片生成截圖時(shí)也報(bào)跨域問題。

<p id='navp'> <a onClick='testFun();'><p class='title-msg'>美的國(guó)際支持部美國(guó)加利福尼亞州綜合統(tǒng)計(jì)報(bào)表</p><p> <img src='http://www.gepszalag.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讀圖片，最好啟動(dòng)本地web服務(wù)來(lái)啟動(dòng)這個(gè)頁(yè)面（不然算跨域的），不要只是瀏覽器打開本地html文件而已。