使用pdfobject.js

一、下载pdfobject.js

二、CSS样式

    <style type="text/css">

        html,

        body,

        #pdf_viewer {

            width: 100%;

            height: 100%;

            margin: 0;

            padding: 0;

        }

    </style>

三、html部分

    <div id="pdf_viewer"></div>

四、js

<script type="text/javascript">

    if (PDFObject.supportsPDFs) {

        //设置隐藏谷歌浏览器上方的顶部条

        var options = {

            pdfOpenParams: {

                pagemode: "thumbs",

                toolbar: 0,

                navpanes: 0,

                statesbar: 0,

                view: 'FitV'

            }

        }

        // PDF嵌入到网页

        PDFObject.embed("a.pdf", "#pdf_viewer", options);

    } else {

        location.href = "/canvas";

    }

</script>

巴特西

使用pdfobject.js

一、下载pdfobject.js

二、CSS样式

三、html部分

四、js

最新文章

热门文章