vue使用html2canvas

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:,还没有解决办法 未完待续。。。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容