HarmonyOS 如何在Canvas中直接绘制SVG?

我在自定义组件画布里绘制了一系列图形,现在有2个小图形是svg,找了Canvas的对应文档没有发现相关的API,请问如何实现呢?

HarmonyOS
2024-12-25 07:33:13
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

ImageBitmap 参考地址:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-components-canvas-imagebitmap-V5

// xxx.ets
@Entry
@Component
struct ImageExample {
  private settings: RenderingContextSettings = new RenderingContextSettings(true)
  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)
  private img:ImageBitmap = new ImageBitmap("common/images/example.svg")

  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      Canvas(this.context)
        .width('100%')
        .height('100%')
        .backgroundColor('#ffff00')
        .onReady(() => {
          this.context.drawImage(this.img, 0, 0, 500, 500, 0, 0, 400, 200)
          this.img.close()
        })
    }
    .width('100%')
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
2024-12-25 10:23:18
相关问题
HarmonyOS Canvas绘制内容如何更新
208浏览 • 1回复 待解决
HarmonyOS 如何使用canvas绘制虚线
175浏览 • 1回复 待解决
如何操作canvas重新绘制
1365浏览 • 1回复 待解决
HarmonyOS Canvas绘制圆角
297浏览 • 1回复 待解决
HarmonyOS svgcanvas 的使用详情
749浏览 • 1回复 待解决
HarmonyOS canvas如何绘制成图片导出
105浏览 • 1回复 待解决
Canvas绘制内容如何动态更新
1980浏览 • 1回复 待解决
如何使用canvas绘制圆角矩形
770浏览 • 1回复 待解决
HarmonyOS Canvas绘制圆角矩形
325浏览 • 1回复 待解决
HarmonyOS Canvas绘制曲线相关
238浏览 • 1回复 待解决
HarmonyOS 如何清空canvas绘制的内容
202浏览 • 1回复 待解决
Canvas如何触发刷新重复绘制
1159浏览 • 1回复 待解决
Canvas如何绘制app.media下面的图片?
2584浏览 • 1回复 待解决
HarmonyOS Canvas绘制image的API相关问题
237浏览 • 1回复 待解决