pdf. js 현재 페이지 에서 열기

10405 단어 개인 기록
**
pdf. js 현재 페이지 에서 열기
**
  • pdf. js 파일 을 도입 해 야 합 니 다.링크 다운로드http://mozilla.github.io/pdf.js/getting_started/#download
  • // An highlighted block
    $(function(){
    	PDFJS.workerSrc = '../build/pdf.worker.js';//     
    	// url pdf   
    	PDFJS.getDocument(url).then(function getPdfHelloWorld(pdf) {
    		//        
    		pdf.getPage(1).then(function getPageHelloWorld(page) {
    			var scale = 1.5; //      
    			var viewport = page.getViewport(scale);
    			var canvas = document.getElementById('canvas'); 
    			var context = canvas.getContext('2d');
    			canvas.height = viewport.height;
    			canvas.width = viewport.width;
    			var renderContext = {
    				canvasContext: context,
    				viewport: viewport
    			};
    			page.render(renderContext);
    		});
    	});
    
    })
    
  • HTML 내용 설정
  • <canvas id="canvas"></canvas>
    

    이 쓰기 방법 은 첫 번 째 pdf 의 내용 만 표시 할 수 있 습 니 다. 하나의 canvas 용기 에 한 장 만 표시 할 수 있 기 때문에 다 중 페이지 를 가 져 올 때 페이지 번 호 를 가 져 와 서 canvas 용 기 를 만 드 는 데 옮 겨 다 녀 야 합 니 다.
    	//  
    	 $(function(){
            var url ='../img/2.pdf'; //    
            PDFJS.workerSrc = '../build/pdf.worker.js';//     
            PDFJS.getDocument(url).then(function getPdfHelloWorld(pdf) {
                for(var i=0; i<=pdf.numPages; i++){ //       <=
                    pdf.getPage(i).then(function getPageHelloWorld(page) {
                        var scale = 1.8; //    
                        var viewport = page.getViewport(scale);
                        var canvas = document.createElement('canvas');
                        var context = canvas.getContext('2d');
                        canvas.height = viewport.height;
                        canvas.width = viewport.width;
                        $("#container").append(canvas);
                        page.render({canvasContext: context, viewport: viewport});
                     })
                }
            });
        })
    

    개인 기록 으로 블 로 그 를 처음 쓰 는 점 양해 바 랍 니 다. 감사합니다.

    좋은 웹페이지 즐겨찾기