HarmonyOS 通过web显示pdf时,怎么隐藏黑色的头部?

HarmonyOS 通过web显示pdf时,怎么隐藏黑色的头部?

HarmonyOS
2024-11-06 10:08:16
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

在pdf文件路径后面拼接?#toolbar=0&navpanes=0即可,下例是加载本地rawfile文件夹下的pdf文件。

Column() { 
  Web({ src: "resource://rawfile/1.pdf?#toolbar=0&navpanes=0", controller: this.controller }) 
    .domStorageAccess(true) 
} 
.height('100%') 
.width('100%')

使用这种加载base64可以在base64字符串前拼接data:Application/pdf;base64,后拼接#toolbar=0,通过src引用该url,效果一致,参考demo。

import web_webview from '@ohos.web.webview'; 
 
@Entry 
@Component 
struct Base64PDFPage { 
  @State message: string = 'Hello World'; 
  @State base64: string = "此处放base64码"; 
  @State url: string = ""; 
  controller: web_webview.WebviewController = new web_webview.WebviewController(); 
  aboutToAppear(): void { 
    this.url = `data:Application/pdf;base64,${this.base64}#toolbar=0`; 
  } 
  build() { 
    Scroll() { 
      Column() { 
        Text(this.message) 
          .fontSize(50) 
          .fontWeight(FontWeight.Bold) 
        Button('加载PDF').onClick(()=>{ 
          this.controller.loadData( 
            this.base64,//base64码 
            "Application/pdf", 
            "base64" 
          ); 
        }) 
        Web({ src: this.url, controller: this.controller }) 
          .domStorageAccess(true) 
          .height(1000) 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}
分享
微博
QQ
微信
回复
2024-11-06 15:58:44
相关问题
如何通过web组件预览PDF
632浏览 • 1回复 待解决
HarmonyOS Web组件头部参数问题
181浏览 • 1回复 待解决
PDF预览如何隐藏PDF操作按钮
1256浏览 • 1回复 待解决
HarmonyOS web组件加载pdf问题
586浏览 • 1回复 待解决
页面上下拖动怎么隐藏键盘
871浏览 • 1回复 待解决
HarmonyOS Web组件加载pdf预览
224浏览 • 1回复 待解决
HarmonyOS 如何隐藏Web组件滚动条?
473浏览 • 2回复 待解决
HarmonyOS使用Web组件预览PDF和图片
685浏览 • 1回复 待解决
HarmonyOS 怎么打开PDF文件?
165浏览 • 1回复 待解决
通过loadDocument()接口加载PDF文件
445浏览 • 1回复 待解决
HarmonyOS Tabs怎么隐藏bar
352浏览 • 1回复 待解决
HarmonyOS如何监听输入法显示隐藏
512浏览 • 1回复 待解决
HarmonyOS web显示不全
498浏览 • 1回复 待解决
如何获取UI组件显示隐藏状态
2341浏览 • 1回复 待解决