iframe 渲染pdf 更改toolbar 让文章占满不显示后面的灰色

最新推荐文章于 2024-05-20 09:12:49 发布

努力搬砖的小码

最新推荐文章于 2024-05-20 09:12:49 发布

阅读量689

点赞数 2

分类专栏： vue 文章标签： pdf chrome 前端

本文链接：https://blog.csdn.net/weixin_63199745/article/details/138303424

版权

vue 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

1、不显示iframe工具栏，打印下载那些功能

                  <iframe 
                         :src="dataurl + 'toolbar=0'" 
                         width="100%"
                         height="100%"
                         frameborder="0">
                              <head>
                                   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
                              </head>
                         </iframe>

重点代码是： toolbar = 0

2、iframe 让文章占满不显示后面的灰色背景

           <iframe 
                         :src="dataurl + '#view=FitH,top" 
                         width="100%"
                         height="100%"
                         frameborder="0">
                              <head>
                                   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
                              </head>
                         </iframe>

重点代码是#view=FitH,top

3、如果要实现iframe 更改toolbar 和文章占满不显示后面的灰色

                <iframe 
                         :src="dataurl + '#view=FitH,top&toolbar=0'" 
                         width="100%"
                         height="100%""
                         frameborder="0">
                              <head>
                                   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
                              </head>
                         </iframe>

其中的dataurl 是文件的路径