2013-07-09 52 views
0

以下是参考代码。 使用pdf.js在画布上渲染pdf文件。 如何在此画布上绘制数据? 这个pdf画布与图像和svg文件有些不同,但它很明显,但从来没有找到任何pdf画布的文档。如何绘制pdf画布上来自JSON对象的数据?

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); 


     }); 
    }); 
} 

回答