bscheibel
/
ui


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
							<!DOCTYPE html><meta charset="utf-8">
<link rel="stylesheet" href="{{ url_for('static', filename='css/text_layer_builder.css') }}" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<!--
<script src="//mozilla.github.io/pdf.js/build/pdf.js"></script>
 -->

<!--<script type="javascript" src="//cdnjs.cloudflare.com/ajax/libs/pdf.js/2.3.200/pdf.js"></script>
 das funktioniert!!!!!
<script type="javascript" src="https://unpkg.com/pdfjs-dist@latest/build/pdf.js" ></script>
<script type="javascript" src="{{ url_for('static', filename='js/pdf.js') }}"></script>-->


<script src="https://mozilla.github.io/pdf.js/build/pdf.js"></script>
<script type="javascript" src="{{ url_for('static', filename='js/text_layer_builder.js') }}"></script>
<script type="javascript" src="{{ url_for('static', filename='js/ui_utils.js') }}"></script>
<body>
<canvas id="the-canvas"></canvas>
<script>


var url = "{{ url_for('send_file', filename=og_filename) }}";

var pdfjsLib = window['pdfjs-dist/build/pdf'];

pdfjsLib.getDocument(url).promise.then(function(pdf){
    var page_num = 1;
    pdf.getPage(page_num).then(function(page){
        var scale = 1.5;
        var viewport = page.getViewport(scale);
        var canvas = $('#the-canvas')[0];
        var context = canvas.getContext('2d');
        canvas.height = viewport.height;
        canvas.width = viewport.width;

        var canvasOffset = $(canvas).offset();
        var $textLayerDiv = $('#text-layer').css({
            height : viewport.height+'px',
            width : viewport.width+'px',
            top : canvasOffset.top,
            left : canvasOffset.left
        });

        page.render({
            canvasContext : context,
            viewport : viewport
        });

        page.getTextContent().then(function(textContent){
           console.log( textContent.items[0] );
            var textLayer = new TextLayerBuilder({
                textLayerDiv : $textLayerDiv.get(0),
                pageIndex : page_num - 1,
                viewport : viewport
            });

            textLayer.setTextContent(textContent);
            textLayer.render();
        });
    });
});
</script>
</body>
</html>