HarmonyOS 鸿蒙Next html中的svg标签在ArkUI中要用哪个来代替？

HarmonyOS 鸿蒙Next html中的svg标签在ArkUI中要用哪个来代替？ 我有这样一个需求，在html中我的svg绘制了一个复杂的图形，点击图形不同位置触发事件传递个id给其他方法处理，现在ArkUI要怎么来绘制这个复杂图形？

还是把这个svg搞到一个web组件中，然后在进行交互？

5 回复

关于绘图，可以参考以下文档：

https://developer.harmonyos.com/cn/docs/documentation/doc-references-V3/ts-components-canvas-canvas-0000001427744852-V3

更多关于HarmonyOS 鸿蒙Next html中的svg标签在ArkUI中要用哪个来代替？的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


img组件 就可以了 然后监听点击事件 或者 手势事件 捕捉点击位置的坐标就可以了，详细可以看文档。

找HarmonyOS工作还需要会Flutter的哦，有需要Flutter教程的可以学学大地老师的教程，很不错，B站免费学的哦：BV1S4411E7LY/?p=17

不同分辨率下，这坐标可能不同。

在HarmonyOS的ArkUI中，svg标签可以通过<Image>组件来替代，具体使用Image组件的source属性来加载SVG资源。例如：

import { Image } from '@ohos.arkui.ui';

@Entry
@Component
struct MyComponent {
  build() {
    Column() {
      Image($r('app.media.my_svg'))
        .width(100)
        .height(100)
    }
  }
}

其中，my_svg是放置在resources/base/media目录下的SVG文件。通过这种方式，你可以在ArkUI中显示SVG图像。

回到顶部