微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决dom-to-image 节点包抛出异常

enter image description here

当我尝试运行 Quasar framwork(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) {}
    }

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。