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
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS Canvas 实现动画
1617浏览 • 1回复 待解决
HarmonyOS canvas动画如何实现逐帧动画
1283浏览 • 1回复 待解决
HarmonyOS 基于drawing.canvas实现的动画demo
1294浏览 • 1回复 待解决
HarmonyOS 如何用动画实现Canvas内容的改变
1294浏览 • 1回复 待解决
HarmonyOS 如何基于Canvas来实现Path2D的动画
1121浏览 • 1回复 待解决
animation 动画如何应用在canvas 内容里面?
1667浏览 • 1回复 待解决
HarmonyOS 环形渐变canvas实现方式
817浏览 • 1回复 待解决
canvas如何实现水印效果
2261浏览 • 1回复 待解决
HarmonyOS 动画实现
1509浏览 • 1回复 待解决
HarmonyOS canvas如何实现画线跟手效果
1084浏览 • 1回复 待解决
HarmonyOS 如何实现放大缩小的动画?
1682浏览 • 1回复 待解决
如何应用属性动画实现宽高的动画
1442浏览 • 1回复 待解决
HarmonyOS 如何实现清除canvas内容,重新绘制?
1654浏览 • 1回复 待解决
HarmonyOS Canvas 画文字如何实现字体加粗
2363浏览 • 1回复 待解决
HarmonyOS 组合动画如何实现
914浏览 • 1回复 待解决
HarmonyOS 动画效果实现
1628浏览 • 1回复 待解决
HarmonyOS 如何实现WaveView动画?
1170浏览 • 1回复 待解决
HarmonyOS 基于canvas绘制额度动效如何实现
1238浏览 • 1回复 待解决
HarmonyOS 如何实现RippleView动画?
1274浏览 • 1回复 待解决
属性动画如何实现宽高动画效果
3385浏览 • 1回复 待解决
HarmonyOS Navigation实现Dialog转场动画
1067浏览 • 1回复 待解决
HarmonyOS 如何实现呼吸灯动画
2019浏览 • 1回复 待解决
如何实现list的折叠动画效果
1931浏览 • 1回复 待解决
HarmonyOS中如何实现类似链式动画的效果?
1028浏览 • 0回复 待解决
HarmonyOS如何实现动态缩放动画
1348浏览 • 1回复 待解决





















建议使用缩放来实现动画而非宽高属性,参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-transformation-V5#scale