直播软件源码，在vue中使用html2canvas在前端生成图片

直播软件源码，在vue中使用html2canvas在前端生成图片

1、安装

 

1	<br>npm install html2canvas

​

2、用法

 

1	<br>import html2canvas from 'html2canvas';<br> <br>html2canvas(document.body).then(function(canvas) {<br>    document.body.appendChild(canvas);<br>});

 

在vue中使用，转换成图片下载至本地

 

1

<br><div ref="imageDom"></div><br>         <br>html2canvas(this.$refs.imageDom,<br> {<br>   useCORS: true, //图片跨域，开启跨域配置<br>   logging: false,//日志开关，便于查看html2canvas的内部执行流程<br>   taintTest: true,//是否在渲染前测试图片<br>}).then(canvas => {<br>  // 转成图片，生成图片地址<br>  let imgUrl = canvas.toDataURL("image/png"); //可将 canvas 转为 base64 格式<br>  let eleLink = document.createElement("a");<br>  eleLink.href = imgUrl; // 转换后的图片地址<br>  eleLink.download = "名称";<br>  document.body.appendChild(eleLink);<br>  eleLink.click();<br>  document.body.removeChild(eleLink);<br>});

 

 以上就是直播软件源码，在vue中使用html2canvas在前端生成图片， 更多内容欢迎关注之后的文章