How to render text layer

I am trying to render the text content of a PDF as is done here. I wasn’t able to find an exposed API that would support this, event though #858 makes reference to page.renderTextLayer. Digging through the source I was able to find page.getTextContent and was able to get PDFJS.renderTextLayer by including src/display/text_layer.js in my source. Even then the text layer doesn’t render as expected.

Two questions:

1. Why does the PDF text layer render incorrectly (example | source)?
2. Why isn’t renderTextLayer exposed on either the page or PDFJS objects?

[pangguoming]

Hello，guys，i know how to do that. 1、incllude CSS file in your page <link rel="stylesheet" href="../../node_modules/pdfjs-dist/web/pdf_viewer.css"> 2、create a text layer div with the following code <div id="textlayer"></div> 3、replace js code: page.render(renderContext); to the following code

page.render(renderContext).then(() => {
          return page.getTextContent();
        }).then((textContent) => {
          // 创建文本图层div
          const textLayerDiv = document.getElementById('textlayer');
          textLayerDiv.setAttribute('class', 'textLayer');
          // 创建新的TextLayerBuilder实例
          var textLayer =  pdfjsLib.renderTextLayer({
            textContent: textContent,
            container: textLayerDiv,
            viewport: viewport
          });
          textLayer._render();
          //textLayer.setTextContent(textContent);
          //textLayer.render();
        });

[brendandahl]

1. You need some more css. Checkout our main viewer for examples. But overall add a .textLayer class to your wrapping div and make it relative or absolute and

.textLayer > div { 
   position: absolute;
}

1. Not positive what the above is asking, but it is exposed on PDFJS just not documented. We should probably move it to api.js and add some docs there.