javascript - html2canvas，实现截图，图片跨域问题。

问题描述

问 题

1. 使用本地图片生成截图时也报跨域问题。

<div id="navDiv">
    <a onClick="testFun();">
        <div class="title-msg">美的国际支持部美国加利福尼亚州综合统计报表</div>
        <div>
            <img id="imgTest" src="images/worldMap.png">
        </div>
    </a>
</div>

html2canvas(document.getElementById('navDiv'),{
    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文件而已。

这篇关于javascript - html2canvas，实现截图，图片跨域问题。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！