在Vue项目中使用html2canvas生成页面截图并上传

来源:
网络
收录时间:
2021-04-17 23:30:03
综合 阅读 39692

摘要:-- 把需要生成截图的元素放在一个元素容器里,设置一个ref -->. -- 如果需要展示截取的图片,给一个img标签 -->

引入cnpm install html2canvas.

html代码

<!-- 把需要生成截图的元素放在一个元素容器里,设置一个ref -->
<div class="image_tofile" ref="imageTofile">
  <!-- 这里放需要截图的元素,自定义组件元素也可以 -->
</div>
<!-- 如果需要展示截取的图片,给一个img标签 -->
<img :src="htmlUrl">
查看全文
返回顶部