解决html2canvas图片跨域问题

3 min read

原代码:

html2canvas(document.getElementById('fakeWechatMoment'), {
    useCORS: true,
    scale: 1,
}).then(function (canvas) {
    var dURL = canvas.toDataURL();
    document.getElementById('generated').src = dURL;
    document.getElementById('save').setAttribute('href', dURL);
    document.getElementById('save').setAttribute('download', (+new Date) + '.png');
    (new mdui.Dialog(document.getElementById('generatedPopup'))).open();
    
    })

配置 CORS,前端基本不需要改动 ,缺点就是需要服务端支持,不满足图片来自不可配置 CORS 的域的场景