HarmonyOS 使用Canvas时发现在重新绘制时有些问题

使用CanvasRenderingContext2D通过path绘制圆角矩形,在更新重新绘制时,发现圆角矩形之间有一条下划线。

代码如下:

private currPosition = 0

@State
private indicatorConfig: IndicatorConfig = new IndicatorConfig(5, 2, '#BF333333', '#33333333')

build() {
  if (this) {
    Column() {
      Flex({ direction: FlexDirection.Row, justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) {
        RectFIndicator({ indicatorConfig: this.indicatorConfig })
      }
      .margin({ bottom: 50, top: 50 })

      Row() {
        Text('滑动')
      }
      .width(50)
      .height(50)
      .onClick((event) => {
        this.currPosition++
        if (this.currPosition > 4) {
          this.currPosition = 0
        }
        this.indicatorConfig.setCurrentPosition(this.currPosition)
      })
    }
  }
}
HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

clearRect效率不如reset好,尤其是频繁重绘场景。所以更推荐使用reset接口实现,可参考如下示例:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-canvasrenderingcontext2d-V5#reset12

分享
微博
QQ
微信
回复
1天前
相关问题
如何操作canvas重新绘制
1116浏览 • 1回复 待解决
HarmonyOS 如何使用canvas绘制虚线
41浏览 • 1回复 待解决
如何使用canvas绘制圆角矩形
572浏览 • 1回复 待解决
HarmonyOS Canvas绘制image的API相关问题
34浏览 • 1回复 待解决
HarmonyOS Canvas中关于绘制图片问题
403浏览 • 1回复 待解决
HarmonyOS Canvas绘制圆角
6浏览 • 1回复 待解决
HarmonyOS Canvas绘制圆角矩形
26浏览 • 1回复 待解决
HarmonyOS Canvas绘制曲线相关
13浏览 • 1回复 待解决
HarmonyOS Canvas绘制内容如何更新
39浏览 • 1回复 待解决
Canvas绘制内容如何动态更新
1693浏览 • 1回复 待解决
鸿蒙开发现在最缺的是什么?
7126浏览 • 2回复 待解决
HarmonyOS 如何在Canvas中直接绘制SVG?
31浏览 • 1回复 待解决
Canvas如何触发刷新重复绘制
991浏览 • 1回复 待解决