html2canvas - 解決辦法之圖片跨域導致的截圖空白
標簽：
JavaScript
1. 后端支持：图片要是cdn上的地址，并且允许图片跨域，header头中设置应为
Access-Control-Allow-Origin: *
2. 前端配置
var opts = {
scale: scale,
// 添加的scale 参数
canvas: canvas,
//自定义 canvas
logging: false,
//日志开关，便于查看html2canvas的内部执行流程
width: width,
//dom 原始宽度
height: height,
useCORS: true // 【重要】开启跨域配置
};使用
let shareContent = document.getElementById('XXX');
html2canvas(shareContent,opts).then(function(canvas) { //... })點擊查看更多內容
為 TA 點贊
評論
評論
共同學習，寫下你的評論
評論加載中...
作者其他優質文章
正在加載中
感謝您的支持，我會繼續努力的～
掃碼打賞，你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃，即可進行掃碼打賞哦