微信小程序——风水罗盘

最新推荐文章于 2021-06-15 16:02:10 发布

原创

最新推荐文章于 2021-06-15 16:02:10 发布 · 4.8k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序

本文介绍了如何使用微信小程序创建一个风水罗盘的效果，详细讲解了涉及的Animation API，特别是Animation.rotate方法，用于实现角度旋转。同时提到了touches数组和Touch对象在触摸事件中的作用。通过Animation.step进行动画帧的配置，最终生成animationData。

效果和文件结构

在这里插入图片描述

<!-- index.wxml -->
<view>
    <image src="../images/l.png" style="width:300px; height: 300px" animation='{
    
    {anim}}' catchtouchstart="start" catchtouchmove="move" catchtouchend="end">
    </image>
</view>