html2canvas截图

jkpazhang

已于 2024-02-05 20:56:48 修改

阅读量322

点赞数 8

分类专栏：案例文章标签： javascript

于 2024-02-05 20:54:36 首次发布

本文链接：https://blog.csdn.net/weixin_42461272/article/details/136047672

版权

案例专栏收录该内容

3 篇文章 0 订阅

订阅专栏

import html2canvas from 'html2canvas'
// 截图
getCapture () {
  html2canvas(this.$refs.rainContent, {
    useCORS: true,
    logging: false
  }).then(canvas => {
    const imageUrl = canvas.toDataURL('image/jpeg', 1)
    this.closeWebPage()
  })
}

// 打开网页
const openWebPage = window.open('/fullscreen', 'SubWindow', 'width=1000,height=600,status=no,menubar=no,toolbar=no,scrollbars=yes')
openWebPage.focus()

// 关闭网页
closeWebPage () {
  if (navigator.userAgent.indexOf('MSIE') > 0) {
    if (navigator.userAgent.indexOf('MSIE 6.0') > 0) {
      window.opener = null
      window.close()
    } else {
      window.open('', '_top')
      window.top.close()
    }
  } else if (navigator.userAgent.indexOf('Firefox') > 0) {
    window.location.href = 'about:blank'
  } else {
    window.opener = null
    window.open('', '_self', '')
    window.close()
  }
}