HarmonyOS 如何在占位图中添加文本信息

在Image组件中，图片加载成功前显示预设图片目前只能通过占位图实现，但使用alt属性设置占位图，占位图参数类型只支持string | Resource | PixelMap；

图片添加文字可以通过相关组件实现，再输出为PixelMap类型，麻烦尝试一下通过这种方式先给图片添加文字输出后再传入占位图中能否解决问题。

图片添加文字并输出，参考代码如下：

import componentSnapshot from '@ohos.arkui.componentSnapshot'
import image from '@ohos.multimedia.image'

@Entry
@Component
struct Test03 {
  @State pixmap: image.PixelMap | undefined = undefined

  build() {
    Column() {
      Stack({ alignContent: Alignment.Center }) {

        Image($r('app.media.img')).autoResize(true).width(300).height(300)
        Row() {
          Text("文字")
            .width(40)
            .height(20)
            .fontSize(16)
            .fontColor(Color.White)
            .border({ color: Color.Red, width: 1 })
            .borderRadius(4)
            .margin({ top: 10, right: 10 })
        }
        .width(300).height(300)
        .alignItems(VerticalAlign.Top)
        .justifyContent(FlexAlign.End)
      }
      .id("root")

      Button("图片添加文字")
        .onClick(() => {
          componentSnapshot.get("root")
            .then((pixmap: image.PixelMap) => {
              this.pixmap = pixmap
            }).catch((err: Error) => {
            console.log("error: " + err)
          })
        }).margin(10)

      Image(this.pixmap).width(300).height(300).border({ color: Color.Blue, width: 1 }).margin(5)
    }
    .width('100%')
    .height('100%')
    .alignItems(HorizontalAlign.Center)
  }
}
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.