javascript - dom-to-image 节点包抛出异常

Question

当我尝试运行它时，我正在使用 Quasar 框架（Vuejs）中的 dom-to-image npm 包实现屏幕截图功能，它在附加图像中抛出异常。下面是我的代码。

//这个被调用由下面调用 const domtoimage = require('dom-to-image')

export class Screenshot {
  async take (div) {
    try {
      let dataUrl = await domtoimage.toJpeg(div, {
        quality: 1,
        bgcolor: 'white'
      })
      return dataUrl
    } catch (error) {
      console.log(error)
    }
  }
}

<template>
  <div v-if="isDone == true" ref="printMainDashboard">
    <q-page-container v-if="desktop">
      <!--content-->
    </q-page-container>
  </div>
</template>

async printImage() {
      
      try {
        let dataUrl = await Screenshot.take(
          this.$refs.printMainDashboard
        );
      } catch (error) {}
    }

标签： javascriptvue.jsquasardom-to-image