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

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

相关推荐
酷酷的阿云2 分钟前
不用ECharts!从0到1徒手撸一个Vue3柱状图
前端·javascript·vue.js
微信:137971205874 分钟前
web端手机录音
前端
齐 飞10 分钟前
MongoDB笔记01-概念与安装
前端·数据库·笔记·后端·mongodb
神仙别闹27 分钟前
基于tensorflow和flask的本地图片库web图片搜索引擎
前端·flask·tensorflow
GIS程序媛—椰子1 小时前
【Vue 全家桶】7、Vue UI组件库(更新中)
前端·vue.js
DogEgg_0011 小时前
前端八股文(一)HTML 持续更新中。。。
前端·html
ZL不懂前端1 小时前
Content Security Policy (CSP)
前端·javascript·面试
木舟10092 小时前
ffmpeg重复回听音频流,时长叠加问题
前端
王大锤43912 小时前
golang通用后台管理系统07(后台与若依前端对接)
开发语言·前端·golang
我血条子呢2 小时前
[Vue]防止路由重复跳转
前端·javascript·vue.js