当我尝试运行它时,我正在使用 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) {}
}