Javascript 如何在pdf画布上绘制JSON对象中的数据?

Javascript 如何在pdf画布上绘制JSON对象中的数据?,javascript,html,canvas,3d,2d,Javascript,Html,Canvas,3d,2d,以下是参考代码。 使用pdf.js在画布上呈现pdf文件。 如何在此pdf画布上绘制数据? 这个pdf画布与图像和svg文件有所不同,虽然很明显,但从未找到任何pdf画布文档 function pdfCanvas(scale){ PDFJS.getDocument('gkhead.pdf').then(function(pdf) { // Using promise to fetch the page pdf.getPage(1).then(functio

以下是参考代码。 使用pdf.js在画布上呈现pdf文件。 如何在此pdf画布上绘制数据? 这个pdf画布与图像和svg文件有所不同,虽然很明显,但从未找到任何pdf画布文档

function pdfCanvas(scale){    
    PDFJS.getDocument('gkhead.pdf').then(function(pdf) {
      // Using promise to fetch the page
      pdf.getPage(1).then(function(page) {
       // var scale = 1.5;
        var viewport = page.getViewport(scale);

        //
        // Prepare canvas using PDF page dimensions
        //
        var canvas = document.getElementById('the-canvas');
        var context = canvas.getContext('2d');
        //canvas.height = viewport.height;
        canvas.height = 800;
        //canvas.width = viewport.width;
            canvas.width = 800;


        //
        // Render PDF page into canvas context
        //
        var renderContext = {
          canvasContext: context,
          viewport: viewport
        };


        page.render(renderContext);


      });
    });
}

看起来您使用的只是一个普通的html画布。请尝试查看这些资源,了解如何使用canvas。及

我没有使用过PDFJS,但根据您的示例代码,我假设您在画布对象中所做的任何绘图或图形都将显示在您的pdf中