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

努力搬砖的小码2024-04-30 9:42

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

javascript 复制代码

                  <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 让文章占满不显示后面的灰色背景

javascript 复制代码

           <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 和文章占满不显示后面的灰色

javascript 复制代码

                <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 是文件的路径

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

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