vue中html2canvas在IOS13以上失效的问题解决办法

一、问题描述
最近在开发 html2canvas 的时候,突然发现,html2canvas在IOS13.4系统中调用失败。一直是不会去调用的,头都要秃了一直找办法,后面在面向百度编程中找到了答案。

二、解决方案
1.首先将 package.json 中的 html2canvas 版本降低为【1.0.0-rc.4】
版本降低方法
首先移除 html2canvas 【npm uninstall html2canvas】
然后安装指定版本 【npm install --save html2canvas@1.0.0-rc.4】

dependencies": {
"html2canvas": "^1.0.0-rc.4",
"less": "^3.11.1",
"less-loader": "^4.1.0",
"vue": "^2.5.2",
"vue-router": "^3.0.1"
},

但是不知道是不是图片同源不同源的问题,需要用都是本地图片在画布中,不能调用服务器上的图片,修改好了之后上传到服务器,测一下,本地测试没效果。
2,此方法没有实践,因为我的写法和这不太相同:

先点下方的参考链接下载修复过的html2canvas.js文件,在按下面的方法改代码
复制代码
// 修改后代码 主要将 html2canvas 修改为 (window.html2canvas || html2canvas)
(window.html2canvas || html2canvas)(this.$refs.htmlCanvas, {
backgroundColor: null
}).then((canvas) => {
let dataURL = canvas.toDataURL(“image/png”);
this.shareImgUrl = dataURL;
console.log(this.dataURL)
});
}
复制代码
参考链接:https://github.com/FEA-Dven/html2Canvas

©️2020 CSDN 皮肤主题: 1024 设计师:上身试试 返回首页