截取浏览器某区域成图片并下载

• 下载依赖

npm run html2canvas

• 截图页面

import html2canvas from “html2canvas”

/**
 * 截图方法
 */
 screenshot(){
    let el = this.$refs.screeshot  // 截取的内容DOm区域
    html2canvas(el,{
      background: null
    }).then(canvas => {
      let url = canvas.toDataURL()
      let link = document.createElement("a")
      link.href = url
      link.setAttribute('download','图片名称.jpg')
      link.style.display = 'none'
      document.getElementsByTagName('link')
      link.click()
    })
 }