HTML页面中如何嵌入PDF文件

HTML页面中如何嵌入PDF文件

博主头像
2021-09-03 / 0 评论 / 538 阅读 / 正在检测是否收录...

创建容器存放PDF

<div id="example1"></div>

引入js文件和PDF文件

<script src="/js/pdfobject.js"></script>
<script>PDFObject.embed("/pdf/sample-3pp.pdf","#example1");</script>

可使用CSS更改高度、宽度、边框、边距等

<style>
    .pdfobject-container {
        height: 30rem;
        border: 1rem solid rgba(0, 0, 0, .1);
    }
</style>
17
打赏

评论 (0)

取消