HarmonyOS 请提供一些H5、在线pdf、图片预览的相关demo

import web_webview from '@ohos.web.webview';
import { common } from '@kit.AbilityKit';
import print from '@ohos.print';
import { BusinessError } from '@kit.BasicServicesKit';
// let file: Array<string> = ['file://data/print/a.png', 'file://data/print/b.png'];

/*print.print(file).then((printTask: print.PrintTask) => {
  printTask.on('block', () => {
    console.log('print state is block');
  })
}).catch((error: BusinessError) => {
  console.log('print err ' + JSON.stringify(error));
})*/

@Entry
@Component
struct Page1 {
  @State message: string = 'Hello World';
  controller: web_webview.WebviewController = new web_webview.WebviewController();
  private context: common.UIAbilityContext = getContext(this) as common.UIAbilityContext;


  build() {
    Row() {
      Column() {
        //Web({src: $rawfile('m1.docx'),controller: this.controller})
        // Web({src: 'https://www.gov.cn/zhengce/pdfFile/2023_PDF.pdf#toolbar=0',controller: this.controller})
        Web({src: $rawfile('background.png'),controller: this.controller})
          .javaScriptAccess(true).multiWindowAccess(false).domStorageAccess(true).allowWindowOpenMethod(true).zoomAccess(false)
          .onDownloadStart((event) => {
            if (event) {
              console.log('url:' + event.url)
              console.log('userAgent:' + event.userAgent)
              console.log('contentDisposition:' + event.contentDisposition)
              console.log('contentLength:' + event.contentLength)
              console.log('mimetype:' + event.mimetype)
            }
          })


      }
      .width('100%')
    }
    .height('100%')
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.