0

以下は参考コードです。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);


      });
    });
}
4

1 に答える 1

0

通常の html キャンバスだけで作業しているようです。キャンバスの操作方法については、これらのリソースを参照してください。http://joshondesign.com/p/books/canvasdeepdive/toc.htmlおよびhttps://developer.mozilla.org/en-US/docs/HTML/Canvas

私はPDFJSを使用していませんが、サンプルコードを考えると、キャンバスオブジェクトで行う描画やグラフはPDFに表示されると思います.

于 2013-07-09T06:12:47.817 に答える