JS根据元素的id生成图片

用到了html2Canvas库

源码：

import html2Canvas from 'html2canvas'

const htmlToImage = {
  getPdf(divName, title) {
    return new Promise((resolve,reject)=>{
      html2Canvas(document.querySelector(divName), {
        allowTaint: false,
        taintTest: false,
        logging: false,
        useCORS: true,
        dpi: window.devicePixelRatio * 4, //将分辨率提高到特定的DPI 提高四倍
        scale: 4, //按比例增加分辨率
      }).then((canvas) => {
        const img = new Image()
        img.src = canvas.toDataURL('image/png')
        resolve(img.src)//返回图片url 如果想直接生成图片 用以下代码
        // const link = document.createElement('a')
        // link.href = img.src
        // link.download = title + '.png'
        // document.body.appendChild(link)
        // link.click()
        // document.body.removeChild(link)
      })
    })
  },
}

export default htmlToImage