如何通过特定坐标将Base64图像添加到pdf

问题描述

我正在使用“pdfjs-dist”来构建一个 PDF 查看器来接受 Base64 响应。我正在使用“VueSignaturePad”绘制手写签名并保存它我试图通过特定坐标将它的签名设置为它。

PDF 容器代码

<v-flex id="PDF_CONTAINER" class="PDF_CONTAINER" ref="mypdf">
   <v-flex id="viewer" class="PDF_VIEWER"></v-flex>
</v-flex>

显示PDF方法

async getPdf(base64Res) {
    var pdfData = atob(result);
    let container = document.getElementById("PDF_CONTAINER");
    let pdfViewer = new PDFViewer({
      container: container,});
    let loadingTask = pdfjsLib.getDocument({ data: pdfData });
    let pdf = await loadingTask.promise;
    pdfViewer.setDocument(pdf);
    },

签名板组件

<VueSignaturePad
 id="signature"
 ref="signaturePad"
 :options="{onBegin: () => {$refs.signaturePad.resizeCanvas(); },}"
/>

另存为 base64 图像方法

 save() {
    const { isEmpty,data } = this.$refs.signaturePad.saveSignature();
    console.log(isEmpty);
    console.log(data);
        },

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）