用html展示pdf去除黑框,在html中展示pdf

pc端

插件: https://pdfobject.com/

使用：

content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

Document

.pdfobject-container { height: 800px;}

.pdfobject { border: 1px solid #666; }

PDFObject.embed("./demo.pdf", "#example1");

移动端(兼容pc)

插件：http://mozilla.github.io/pdf.js/

使用

1.点击download

2.将下载下来的文件解压， 将解压之后的文件放到web目录，通过浏览器可以放到viewer.html文件

3.最后出来一个地址，类似http://xxx.com/pdf.js/web/viewer.html?file=http://www.xxx.com/demo.pdf，通过传递file=xxx.pdf，就可以实现在线浏览pdf了，注释pdf的路径必须是完整的访问路径

参考文档：https://www.cnblogs.com/blogxiao/p/8178395.html