HarmonyOS Canvas的动画实现

@Component
struct A {
  @Prop viewWidth: number = 238;
  @Prop viewHeight: number = 238;

  build() {
    Canvas(this.context)
      .width(this.viewWidth)
      .height(this.viewHeight)
      .backgroundColor(Color.Transparent)
      .onReady(() => {
        this.context.clearRect(0, 0, this.viewWidth, this.viewHeight);
      })
      .animation({
        duration: 5000, // 播放时长,默认1000ms
        curve: Curve.EaseOut, // 设置动画曲线
        playMode: PlayMode.Normal
      })
  }
}

上述示例没有动画效果。

HarmonyOS
2025-01-09 17:24:12
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
shlp
分享
微博
QQ
微信
回复
2025-01-09 19:47:13
相关问题
HarmonyOS Canvas 实现动画
1518浏览 • 1回复 待解决
HarmonyOS canvas动画如何实现逐帧动画
1207浏览 • 1回复 待解决
HarmonyOS 基于drawing.canvas实现动画demo
1250浏览 • 1回复 待解决
HarmonyOS 环形渐变canvas实现方式
775浏览 • 1回复 待解决
HarmonyOS 动画实现
1406浏览 • 1回复 待解决
canvas如何实现水印效果
2166浏览 • 1回复 待解决
HarmonyOS canvas如何实现画线跟手效果
1024浏览 • 1回复 待解决
如何应用属性动画实现宽高动画
1316浏览 • 1回复 待解决
HarmonyOS 如何实现放大缩小动画
1607浏览 • 1回复 待解决
HarmonyOS 如何实现RippleView动画
1224浏览 • 1回复 待解决
HarmonyOS 组合动画如何实现
839浏览 • 1回复 待解决
HarmonyOS 动画效果实现
1500浏览 • 1回复 待解决
HarmonyOS 如何实现WaveView动画
1118浏览 • 1回复 待解决
属性动画如何实现宽高动画效果
3253浏览 • 1回复 待解决
HarmonyOS 如何实现旋转动画
1434浏览 • 1回复 待解决
HarmonyOS动画用什么实现
1208浏览 • 1回复 待解决
HarmonyOS如何实现动态缩放动画
1270浏览 • 1回复 待解决
HarmonyOS 如何实现音频声浪动画
2041浏览 • 1回复 待解决
HarmonyOS clipShape 动画效果实现
1265浏览 • 0回复 待解决