• Flexpaper初接触


    首先从官网上下载Flexpaper。

    主要是这几文件:

    flexpaper.js

    flexpaper_handlers.js

    jquery.min.js

    FlexPaperViewer.swf

    js在js文件夹下,swf在根目录下。

    官方的这个swf带logo,可以去网上找不带logo和打印的swf。

    如果会Flex的话,可以用FlashBuilder安装svn插件然后下载源码进行二次开发,源码在Google上......

    PDF转成SWF用的是SWFTools。

    项目目录:

    test2.swf是用pdf转成的。

    zz.html源码:

    <!doctype html>
    <html>
    <head>
        <title>FlexPaper</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
        <script type="text/javascript" src="jquery.min.js"></script>
        <script type="text/javascript" src="flexpaper.js"></script>
        <script type="text/javascript" src="flexpaper_handlers.js"></script>
    </head>
    <body>
    
    <div id="documentViewer" class="flexpaper_viewer" style="100%;height:500px"></div>
    
    <script type="text/javascript">
    
        var file='test2.swf';//这里是文件地址
    
        $('#documentViewer').FlexPaperViewer(
                { config : {
    
                    SWFFile : file,
    
                    Scale : 0.6,
                    ZoomTransition : 'easeOut',
                    ZoomTime : 0.5,
                    ZoomInterval : 0.2,
                    FitPageOnLoad : true,
                    FitWidthOnLoad : false,
                    FullScreenAsMaxWindow : false,
                    ProgressiveLoading : false,
                    MinZoomSize : 0.2,
                    MaxZoomSize : 5,
                    SearchMatchAll : false,
                    InitViewMode : 'Portrait',
                    RenderingOrder : 'flash',
                    StartAtPage : '',
    
                    ViewModeToolsVisible : true,
                    ZoomToolsVisible : true,
                    NavToolsVisible : true,
                    CursorToolsVisible : true,
                    SearchToolsVisible : true,
                    WMode : 'window',
                    //localeChain: 'en_US'
                    localeChain: 'zh_CN'
                    
                }}
        );
    </script>
    
    
    
    
    
    </body>
    </html>

    这个项目要放到服务器下面。

    我的是放到tomcat下面了。

    之后访问这个html就能看到效果了。

  • 相关阅读:
    所以怎样实现列表点击整行上下移动?
    高德标签label样式
    ubuntu上安装ldap以及phpLdapAdmin步骤(php连接管理ldap简化版实现)
    ubuntu 16.04下快速安装PHP环境
    open LDAP以及phpLDAPadmin入门ubuntu 16.04
    “微信之父”张小龙:微信背后的产品观
    所以Ubuntu如何清理不必要的文件?
    百度无人驾驶Apollo的dreamview的demo运行
    新手用的git配置命令
    php+redis实现消息队列
  • 原文地址:https://www.cnblogs.com/acehalo/p/3932532.html
Copyright © 2020-2023  润新知