视频直播源码，html2canvas 前端保存页面为图片

视频直播源码，html2canvas 前端保存页面为图片

转换方法如下：

 

1

<br>/**<br>* 将页面指定节点内容转为图片<br>* 1.拿到想要转换为图片的内容节点DOM；<br>* 2.转换，拿到转换后的canvas<br>* 3.转换为图片<br>*/<br>// 生成局部图片<br>GenerateImg() {<br>  let element = this.$refs.canvasImgObj;<br>  // console.warn(element);<br>  html2canvas(element[this.slideIndex], { // 我这里是一个swiper，要是一个页面的话直接element就行<br>    allowTaint: true,<br>    useCORS: true,<br>    tainttest: true, // 检测每张图片都已经加载完成<br>    logging: true,<br>    backgroundColor: `rgb(143,40,37)`, // 转换图片可能会有白色底色，你可根据你的页面或者PM要求设置一下背景色，不要的话就null<br>  }).then((canvas) => {<br>    //  转成图片，生成图片地址<br>    let imgUrl = canvas.toDataURL("image/jpeg");<br>    console.warn(imgUrl); <br>  });<br>}

​

以上就是 视频直播源码，html2canvas 前端保存页面为图片，更多内容欢迎关注之后的文章