BindPopup的offset属性是基于什么定位进行偏移的

import web_webview from '@ohos.web.webview' 
import pasteboard from '@ohos.pasteboard' 
 
const TAG = 'ContextMenu'; 
 
@Entry 
@Component 
struct WebComponent { 
  controller: web_webview.WebviewController = new web_webview.WebviewController() 
  private result: WebContextMenuResult | undefined = undefined; 
  @State linkUrl: string = ''; 
  @State offsetX: number = 0; 
  @State offsetY: number = 0; 
  @State showMenu: boolean = false; 
 
  @Builder 
  //构建自定义菜单及触发功能接口 
  MenuBuilder() { 
    //以垂直列表形式显示的菜单。 
    Menu() { 
      //展示菜单Menu中具体的item菜单项。 
      MenuItem({ 
        content: '复制图片', 
      }) 
        .width(100) 
        .height(50) 
        .onClick(() => { 
          this.result?.copyImage(); 
          this.showMenu = false; 
        }) 
      MenuItem({ 
        content: '剪切', 
      }) 
        .width(100) 
        .height(50) 
        .onClick(() => { 
          this.result?.cut(); 
          this.showMenu = false; 
        }) 
      MenuItem({ 
        content: '复制', 
      }) 
        .width(100) 
        .height(50) 
        .onClick(() => { 
          this.result?.copy(); 
          this.showMenu = false; 
        }) 
      MenuItem({ 
        content: '粘贴', 
      }) 
        .width(100) 
        .height(50) 
        .onClick(() => { 
          this.result?.paste(); 
          this.showMenu = false; 
        }) 
      MenuItem({ 
        content: '复制链接', 
      }) 
        .width(100) 
        .height(50) 
        .onClick(() => { 
          let pasteData = pasteboard.createData('text/plain', this.linkUrl); 
          pasteboard.getSystemPasteboard().setData(pasteData, (error) => { 
            if (error) { 
              return; 
            } 
          }) 
          this.showMenu = false; 
        }) 
      MenuItem({ 
        content: '全选', 
      }) 
        .width(100) 
        .height(50) 
        .onClick(() => { 
          this.result?.selectAll(); 
          this.showMenu = false; 
        }) 
    } 
    .width(150) 
    .height(300) 
    .backgroundColor("#eeeeee") 
  } 
 
  build() { 
    Column() { 
      Row() 
        .width(0) 
        .height(0) 
        .position({ x: 0, y: 0 }) 
        .bindPopup(this.showMenu, 
          { 
            builder: this.MenuBuilder(), 
            enableArrow: false, 
            placement: Placement.LeftTop, 
            targetSpace: 0, 
            shadow: { 
              radius: 0 
            }, 
            offset: { x: this.offsetX - 7, y: this.offsetY }, 
            mask: false, 
            onStateChange: (e) => { 
              if (!e.isVisible) { 
                this.showMenu = false; 
                this.result!.closeContextMenu(); 
              } 
            } 
          }) 
 
      Web({ src: '', controller: this.controller })//触发自定义弹窗 
        .onControllerAttached(() => { 
          this.controller.setCustomUserAgent(this.controller.getUserAgent() + " Android") 
          this.controller.loadUrl($rawfile("OnContextMenuShow/index.html")) 
        })//触发自定义弹窗 
        .onContextMenuShow((event) => { 
          if (event) { 
            this.result = event.result 
            console.info("x coord = " + event.param.x()) 
            console.info("link url = " + event.param.getLinkUrl()) 
            this.linkUrl = event.param.getLinkUrl() 
          } 
          console.info(TAG, `x: ${this.offsetX}, y: ${this.offsetY}`); 
          this.showMenu = true; 
          this.offsetX = Math.max(px2vp(event?.param.x() ?? 0) - 0, 0); 
          this.offsetY = Math.max(px2vp(event?.param.y() ?? 0) - 0, 0); 
          return true 
        }) 
    } 
  } 
}
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.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.