import html2canvas from "html2canvas"
<div ref="imageWrapper" id="billface" >
<bill />
</div>
.
.
.
html2canvas(this.$refs.imageWrapper).then(canvas => {
let dataURL = canvas.toDataURL("image/png");
this.ticketPic = [dataURL]
console.log(dataURL)
});
首先我想要转成图片的是一个组件，但是直接在组件上使用ref 并且调用只会返回data:,此组件只会调用真正的dom，解决办法就是在外层套一个dom，引用组件
其次在使用时我想初始化时候就将页面转化为图片，放在mounted中返回也是data:,还没有解决办法 未完待续。。。
源码地址https://gitee.com/cwq1211/html2canvas如果是vue可以使用插件形式引入...
技术框架 vue ，使用html2canvas 将图片绘制下来并下载 过程中的经典报错： Uncaught Sec...
工具：html2canvas、canvas2image、vue 思路：用html2canvas将整个页面的dom转...
使用到的插件 html2canvas 首先 布局，然后使用html2canvas 生成canvas，使用canv...
首先我想要转成图片的是一个组件，但是直接在组件上使用ref 并且调用只会返回data:,此组件只会调用真正的dom...
html2canvas 场景：使用 html2canvas 将长图保存到 iOS 和 Android 使用最新的版...
使用Html2canvas截屏 下载Html2canvas Html2canvas加载后将会浏览页面上的所有元素，...
背景：当我们出现vue页面需要保存为pdf文件时，网络上提供的办法几乎都是如下。使用html2canvas 以及j...
1.npm install html2canvas 2.vue文件里引入importhtml2canvasfrom...
一、html2canvas在IOS微信中点击无反应 使用 html2canvas 1.0.0-rc.4 这...
本文标题：vue使用html2canvas
本文链接：https://www.haomeiwen.com/subject/qdrrgktx.html
网友评论