html图片左侧留白,HTML+CSS入门 如何解决图片跨域导致的截图空白

本篇教程介绍了HTML+CSS入门 如何解决图片跨域导致的截图空白，希望阅读本篇文章以后大家有所收获，帮助大家HTML+CSS入门。

<

1. 后端支持：图片要是cdn上的地址，并且允许图片跨域，header头中设置应为

Access-Control-Allow-Origin:  *

2. 前端配置

1     var opts = {

2           scale: scale, // 添加的scale 参数

3           canvas: canvas, //自定义 canvas

4           logging: false, //日志开关，便于查看html2canvas的内部执行流程

5           width: width, //dom 原始宽度

6           height: height,

7           useCORS: true // 【重要】开启跨域配置

8       };

使用

let shareContent = document.getElementById(‘XXX‘);

html2canvas(shareContent,opts).then(function(canvas) {

//...

})

本文由职坐标整理发布，欢迎关注职坐标WEB前端HTML/CSS频道，获取更多HTML/CSS知识！