npm install html2canvas -S//在要截图的页面里import html2canvas from 'html2canvas' <div @click="saveImage()">截图</div><div ref="ImageContent">要截图的内容</div>saveImage() {let myBox = this.$refs.ImageContent;html2canvas(myBox, {useCORS: true,width: window.screen.availWidth,height: window.screen.availHeight,windowWidth: document.body.scrollWidth,windowHeight: document.body.scrollHeight,x:0,y:window.pageYOffset}).then(function(canvas) {var dataUrl = canvas.toDataURL('image/jpeg', 1.0);//图片转为下载路径var a = document.createElement('a');//创建a标签a.href = dataUrl;a.download = '系统模块.png';//设置图片名称a.click();});},
如果觉得《使用html2canvas 截图 出现图片空白的问题》对你有帮助,请点赞、收藏,并留下你的观点哦!