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

相关推荐
GuWenyue21 小时前
放弃云端API!一套React+WebGPU本地LLM方案,零数据上传、离线可用
前端·人工智能·前端框架
原则猫1 天前
函数/变量提升
前端
独泪了无痕1 天前
Vue3 Hooks使用实战解析
前端·vue.js
shawxlee1 天前
vue3在public下封装config.js自定义配置动态数据,可在打包后直接修改,方便后端部署及后续维护
前端·javascript·经验分享·vue·团队开发·js·项目优化
用户059540174461 天前
把记忆存储的回归测试从手工换成 Playwright + GitHub Actions,线上缺陷降低 80%
前端·css
触底反弹1 天前
🚀 从 DOM0 级到 React 合成事件:前端事件监听的 20 年演进史
前端·react.js·面试
kyriewen1 天前
我给前端项目的接口请求套了6层保护——才发现以前一直在裸奔
前端·javascript·面试
颜酱1 天前
04 | 召回前置准备:搭好召回所需的四个数据库
前端·人工智能·后端
郝亚军1 天前
如何安装webstorm、Node.js和vue CLI
前端·javascript·vue.js
IT_陈寒1 天前
React的useEffect依赖项把我坑惨了
前端·人工智能·后端