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

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

HarmonyOS
2天前
浏览
收藏 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
微信
回复
1天前
相关问题
HarmonyOS svgcanvas 的使用详情
498浏览 • 1回复 待解决
如何操作canvas重新绘制
1116浏览 • 1回复 待解决
HarmonyOS Canvas绘制内容如何更新
37浏览 • 1回复 待解决
HarmonyOS 如何使用canvas绘制虚线
41浏览 • 1回复 待解决
Canvas绘制内容如何动态更新
1690浏览 • 1回复 待解决
如何使用canvas绘制圆角矩形
568浏览 • 1回复 待解决
HarmonyOS Canvas绘制圆角矩形
26浏览 • 1回复 待解决
Canvas如何触发刷新重复绘制
987浏览 • 1回复 待解决
HarmonyOS 如何清空canvas绘制的内容
42浏览 • 1回复 待解决
Canvas如何绘制app.media下面的图片?
2392浏览 • 1回复 待解决
HarmonyOS Canvas绘制image的API相关问题
34浏览 • 1回复 待解决
HarmonyOS Canvas中关于绘制图片问题
400浏览 • 1回复 待解决