vue base64图片转pdf

以下是使用Vue将base64图片转换为pdf的示例代码：

<template>
  <div>
    <button @click="convertToPdf">Convert to PDF</button>
    <div v-if="showPdf">
      <embed :src="pdfUrl" type="application/pdf" width="100%" height="600px" />
    </div>
  </div>
</template>

<script>
export default {
 data() {
    return {
      showPdf: false,
      pdfUrl: "",
    };
  },
  methods: {
    convertToPdf() {
      // 将base64转换为blob对象
      const byteCharacters = atob(this.base64Data);      const byteNumbers = new Array(byteCharacters.length);
      for (let i = 0; i < byteCharacters.length; i++) {
        byteNumbers[i] = byteCharacters.charCodeAt(i);
      }
      const byteArray = new Uint8Array(byteNumbers);
      const blob = new Blob([byteArray], { type: "application/pdf" });

      // 将blob对象转换为url
      this.pdfUrl = URL.createObjectURL(blob);
      this.showPdf = true;
    },
  },
};
</script>

在这个示例中，我们首先将base64字符串转换为blob对象，然后将blob对象转换为pdf文件的url，最后使用`<embed>`标签将pdf文件嵌入到页面中进行预览。