vuejs2 - 在Vue中生成带有图像背景的pdf文件

Question

我希望能够从 html 生成 pdf，其中背景是垂直和水平延伸到整个页面的图像。目前，我设法生成了一个 1.5 页的 pdf，并且有黑色背景而不是图像。请告诉我我做错了什么。

下面的代码：

<template>
   <div id="home" ref="home">
      <p>Hello world</p>
   </div>
</template>

<script>
import { jsPDF } from 'jspdf'
import { html2canvas } from 'html2canvas'

export default {
name: 'Test',
mounted() {
  this.run()
},
methods: {
  run () {
    window.html2canvas = html2canvas;
    const doc = new jsPDF('p', 'pt', 'a4')
    const { home } this.$refs;
    doc.html(home, {
      callback(pdf) {
        pdf.save('mypdf.pdf)
      }
    })
   }
  }
 }
 </script>
 <style scoped>
   #home {
     background-image: url('./test.png')
   }
 </style>

提前致谢。

标签： vuejs2jspdfhtml2canvas