html2canvas截图时不能使用跨域图片的解决方案

最新推荐文章于 2024-07-31 11:17:59 发布

小雍雍

最新推荐文章于 2024-07-31 11:17:59 发布

阅读量2.6k

点赞数 4

分类专栏： vue img 文章标签： html2canvas 跨域图片

本文链接：https://blog.csdn.net/yongyafang123/article/details/103223981

版权

解决方案为三个地方，三个地方缺一不可：
1、html2canvas.js源码中修改两个地方：(如果是Vue项目在：node_modules—html2canvas—dist—html2canvas.js)

 case 2:
                            Logger.getInstance(this.id).debug("Added image " + key.substring(0, 256));
                            return [4 /*yield*/, new Promise(function (resolve, reject) {
                                    var img = new Image();
                                    img.onload = function () { return resolve(img); };
                                    img.onerror = reject;
                                    //ios safari 10.3 taints canvas with data urls unless crossOrigin is set to anonymous
                                    if (isInlineBase64Image(src) || useCORS) {
                                        // img.crossOrigin = 'anonymous';
                                      img.crossOrigin = '';  // 第一个修改的地方
                                    }