vue 将DOM元素转成base64

将html转成base64需要用到

npm install html2canvas

import html2canvas from "html2canvas"

   <div ref="exportCanvas">
      内容
   </div>

      html2canvas(this.$refs.exportCanvas, {
         backgroundColor: null
      }).then(canvas => {
        // 点击保存操作
          let url = canvas.toDataURL('image/png')
          let base64 = url.toString()
	      let byteCharacters = atob(
	        base64.replace(/^data:image\/(png|jpeg|jpg);base64,/, '')
	      )
	      let byteNumbers = new Array(byteCharacters.length)
	      for (let i = 0; i < byteCharacters.length; i++) {
	        byteNumbers[i] = byteCharacters.charCodeAt(i)
	      }
	      let byteArray = new Uint8Array(byteNumbers)
	      let blob = new Blob([byteArray], {
	        type: undefined,
	      })
	      let aLink = document.createElement('a')
	      aLink.download = 'html.png' //这里写保存时的图片名称
	      aLink.href = URL.createObjectURL(blob)
	      aLink.click()
      })