게시물 1,376건
   
flexpaper를 이용한 웹 PDF Viewer 환경구축
글쓴이 : 최고관리자 날짜 : 2012-03-09 (금) 11:56 조회 : 7367
글주소 :
                                
 

웹에서 PDF 파일을 바로 볼수 있는 웹프로그램이다.
flexpaper는 pdf문서를 swftool을 이용해서 swf파일로 변환하여 자신의 웹서버에서 flash plugin을 통해서 직접 읽어들이는 방식이다.
swftools 설치
# tar xzvf swftools-2012-02-04-0819.tar.gz
# cd swftools-2012-02-04-0819
# ./configure --prefix=/usr/local/swftools
# make
# make install
 
pdf2swf 변환
# /usr/local/swftools/bin/pdf2swf <pdf file> -o <swf output file> -T <flash version>
# /usr/local/swftools/bin/pdf2swf webpdf.pdf -o webpdf.swf -T 9 -f
 
설치할 공간에 FlexPaper_1.5.1_flash.zip 압축해제
기타자세한 방법은 example 폴더 참고
# mkdir webpdf
# cd webpdf
# unzip FlexPaper_1.5.1_flash.zip
# mkdir docs
# vi view_pdf.html
----------------------------------------------------------------------------------
<html>
    <head>
        <style type="text/css" media="screen">
                        html, body      { height:100%; }
                        body { margin:0; padding:0; overflow:auto; }
                        #flashContent { display:none; }
        </style>

                <script type="text/javascript" src="js/flexpaper_flash.js"></script>
    </head>
    <body>
        <div style="position:absolute;left:0px;top:0px;">
                <a id="viewerPlaceHolder" style="width:695px;height:480px;display:block"></a>

                <script type="text/javascript">
                                var fp = new FlexPaperViewer( 
                                                 'FlexPaperViewer',
                                                 'viewerPlaceHolder', { config : {
                                                 SwfFile : escape('docs/<? echo $filename; ?>'),
                                                 Scale : 0.6,
                                                 ZoomTransition : 'easeOut',
                                                 ZoomTime : 0.5,
                                                 ZoomInterval : 0.2,
                                                 FitPageOnLoad : true,
                                                 FitWidthOnLoad : true,
                                                 PrintEnabled : true,
                                                 FullScreenAsMaxWindow : false,
                                                 ProgressiveLoading : false,
                                                 MinZoomSize : 0.2,
                                                 MaxZoomSize : 5,
                                                 SearchMatchAll : false,
                                                 InitViewMode : 'Portrait',

                                                 ViewModeToolsVisible : true,
                                                 ZoomToolsVisible : true,
                                                 NavToolsVisible : true,
                                                 CursorToolsVisible : true,
                                                 SearchToolsVisible : true,

                                                 localeChain: 'en_US'
                                                 }});
                </script>
        </div>

</body>
</html>
 

변환문서는 docs 폴더안으로 삽입하고 viewer 싸이즈는 코드를 수정해서 적당히 사용하면 됩니다.

아래 링크와 같은 형태로 사용가능합니다.
http://chonnom.com/bbs/board.php?bo_table=B19&wr_id=329

이름 패스워드
비밀글 (체크하면 글쓴이만 내용을 확인할 수 있습니다.)
왼쪽의 글자를 입력하세요.
   

 



 
사이트명 : 모지리네 | 대표 : 이경현 | 개인커뮤니티 : 랭키닷컴 운영체제(OS) | 경기도 성남시 분당구 | 전자우편 : mojily골뱅이chonnom.com Copyright ⓒ www.chonnom.com www.kyunghyun.net www.mojily.net. All rights reserved.