【小程序】小程序实现抛物线动画?

现在做一个项目,在微信小程序端可以实现加入购物车的抛物线动画吗?虽然小程序有wx.createAnimation()来实现动画,可我思考了一天依旧毫无头绪,哪位大神给点思路啊

回答

用css中transform的translate3d配合transition实现

小程序的creataeAnimation实际上就是对css3动画的封装而已。

你可以先了解一下css3的,加入抛物线无非是一个图片在 x 轴 和 y 轴的同时移动效果.

不需要什么translate3D也能做

主要借助 translateXtranslateY

https://mp.weixin.qq.com/debu...

http://www.w3school.com.cn/cs...

这种效果的动画需要求出轨迹方程上的每个坐标点,然后每次移动到那个点。
下图是canvas实现的,换成其它标签元素也一样。
【小程序】小程序实现抛物线动画?

以上是 【小程序】小程序实现抛物线动画? 的全部内容, 来源链接: utcz.com/a/79600.html

回到顶部