banner
leoking

leoking

前端开发者
tg_channel

vue ページを PDF で表示

以下は、Vue フレームワークを使用してページを PDF に変換し、iframe タグを使用して PDF ファイルをページに埋め込むための詳細なコード例です。

<template>
  <div>
    <button @click="downloadPDF">PDFをダウンロード</button>
    <iframe :src="pdfUrl" width="100%" height="600px"></iframe>
  </div>
</template>

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

export default {
  data() {
    return {
      pdfUrl: ''
    }
  },
  methods: {
    async downloadPDF() {
      const canvas = await html2canvas(document.body)
      const imgData = canvas.toDataURL('image/png')
      const pdf = new jsPDF()
      pdf.addImage(imgData, 'PNG', 0, 0)
      const pdfUrl = pdf.output('datauristring')
      this.pdfUrl = pdfUrl
    }
  }
}
</script>

メモを記録します。

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。