作为组件弹窗形式用html2canvas来截图
发现总是会有些上下偏移
最后发现是主页面的滚动条导致的，
处理办法是在点击弹窗的时候，滚动条回到0，延迟个500毫秒再走截图流程
// 不能滚动到下面，不然会有兼容问题
window.scrollTo(0, 0);
作为组件弹窗形式用html2canvas来截图
发现总是会有些上下偏移
最后发现是主页面的滚动条导致的，
处理办法是在点击弹窗的时候，滚动条回到0，延迟个500毫秒再走截图流程
// 不能滚动到下面，不然会有兼容问题
window.scrollTo(0, 0);
作为组件弹窗形式用html2canvas来截图发现总是会有些上下偏移最后发现是主页面的滚动条导致的，处理办法是在点...
由于项目需要页面截图功能，我就找到了html2canvas插件 最后就是一张base64图片，大功告成。
1. html2canvas 简介我们可以直接在浏览器端使用html2canvas，对整个或局部页面进行“截图”。...
此截图功能不能截取网络图片， 在vue项目中引用html2canvas 1.安装 npm install html...
screenshot(){ console.log('自动截图') //自动截图 html2canvas($("...
1，下载html2canvas插件npm install --save html2canvas2，引入html2c...
flex坑 水平居中 vue坑 vue组件 vue-awesome-picker 组件的使用vue-awesome...
初次接触前端，初次使用vue，初次使用elementui，难免遇到坑。使用el-button的时候，发现点击按钮后...
业务场景：html生成海报和截图 一、html2canvas 安装： 引入 使用 html部分 js部分 更多参数...
html2canvas 使用注意点 最近在搞一个截图的东西，遇到了一些问题，所以贴出代码，方便大家一次性解决开发中...
本文标题：vue 使用html2canvas截图遇到的坑
本文链接：https://www.haomeiwen.com/subject/phvyjhtx.html
网友评论