sp-html2canvas-render在iOS中跨域问题

张开发
2026/4/10 4:37:10 15 分钟阅读

分享文章

sp-html2canvas-render在iOS中跨域问题
sp-html2canvas-renderhttps://ext.dcloud.net.cn/plugin?id15050之前在iOS中通过view idtargetView stylepadding: 10px;!-- 顶部背景 --image classbg-image srcbgImageUrl //view在保存的时候会报错应该是后端没有设置跨越导致的因为随便找了一张百度上的图是OK的后面也没有叫后端去处理这个因为这个图片链接在页面中是可以展示正常的。后面把代码稍微调整成加载图片的base64如下view idtargetView stylepadding: 10px;!-- 顶部背景 --view classbg-image :style{backgroundImage: url( bgImageBase64 ),backgroundSize: cover,backgroundPosition: center,backgroundColor: #ff1818,} //viewasync getImgBase64(url, type bg) {// #ifdef H5// H5端使用 canvas 转换let res await uni.request({url: url,responseType: arraybuffer});let blob new Blob([res.data], {type: image/jpeg});let reader new FileReader();reader.onload (e) {if (type bg) {this.bgImageBase64 e.target.result;} else {this.footerAvatar e.target.result;}};reader.readAsDataURL(blob);// #endif// #ifdef APP-PLUS// App端直接用本地方法plus.downloader.createDownload(url, {}, (d, status) {if (status 200) {plus.io.resolveLocalFileSystemURL(d.filename,(entry) {entry.file((file) {let fileReader new plus.io.FileReader();fileReader.onloadend (e) {if (type bg) {this.bgImageBase64 e.target.result;} else {this.footerAvatar e.target.result;}};fileReader.readAsDataURL(file);});});}}).start();// #endif},

更多文章