html2canvas截图不全或空白

需求：页面上半部分图片编辑区域 下半部分表单编辑区域   当页面出现滚动对图片编辑区域遮挡或图片编辑区域滚出可视区域范围内后 截图会出现不全或空白的情况

解决方案：

加入属性（设置属性y为需要截取的元素距页面顶端的距离（非距浏览器顶端距离））

只嵌套一层如下

y:  this.$refs.container.offsetTop

嵌套层级较多

const top = _this.$refs.container.getBoundingClientRect().top

const scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop

 const y = top + scrollTop

y:y

以下为文档对y属性的注解

可以，把div

的大小设成和图片的大小一样

就行

也可以不改图片大小

但是如果图片比div大

就会看不到一部分

如果图片小了，会自动重复图片铺满整个div

可以设置repeat

让背景图片重复

div

一定要设

大小

不然div没有内容

就不会显示背景了

---