javascript - html2canvas,实现截图,图片跨域问题。
给我你的怀抱
给我你的怀抱 2017-05-16 13:44:33
[HTML讨论组]
  1. 使用本地图片生成截图时也报跨域问题。

<p id="navp">
    <a onClick="testFun();">
        <p class="title-msg">美的国际支持部美国加利福尼亚州综合统计报表</p>
        <p>
            <img id="imgTest" src="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);
});

给我你的怀抱
给我你的怀抱

全部回复(1)
给我你的怀抱

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

要用canvas读图片,最好启动本地web服务来启动这个页面(不然算跨域的),不要只是浏览器打开本地html文件而已。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号