dom-to-image/将网页dom节点转换成 svg/png/jpeg图片

安装/引入

npm install dom-to-image
 
import domtoimage from 'dom-to-image';

// api
    toSvg
    toPng
    toJpeg
    toBlob
    toPixelData

      domtoimage
        .toPng(document.querySelector('.box'))
          //获取到要导出图片的dom元素
        .then((dataUrl) => {
          // 创建一个a标签
          var link = document.createElement('a')
          // 下载名称
          link.download = `下载的图片.png`
          // 图片地址
          link.href = dataUrl
          link.click()
        })
        .catch(function (error) {
          console.error('oops, something went wrong!', error)
        })
     // dataUrl就是base64编码