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

相关推荐
生椰拿铁You4 分钟前
09 —— Webpack搭建开发环境
前端·webpack·node.js
狸克先生15 分钟前
如何用AI写小说(二):Gradio 超简单的网页前端交互
前端·人工智能·chatgpt·交互
baiduopenmap29 分钟前
百度世界2024精选公开课:基于地图智能体的导航出行AI应用创新实践
前端·人工智能·百度地图
loooseFish37 分钟前
小程序webview我爱死你了 小程序webview和H5通讯
前端
请叫我欧皇i1 小时前
html本地离线引入vant和vue2(详细步骤)
开发语言·前端·javascript
533_1 小时前
[vue] 深拷贝 lodash cloneDeep
前端·javascript·vue.js
guokanglun1 小时前
空间数据存储格式GeoJSON
前端
zhang-zan1 小时前
nodejs操作selenium-webdriver
前端·javascript·selenium
猫爪笔记2 小时前
前端:HTML (学习笔记)【2】
前端·笔记·学习·html
brief of gali2 小时前
记录一个奇怪的前端布局现象
前端