1.首先上效果图
![](https://img.haomeiwen.com/i4704249/0e9e5b5be3a4eb13.gif)
2.具体绘制流程
- 初始化图片及对应的宽高
![](https://img.haomeiwen.com/i4704249/2fc1b7f411af0834.png)
-
屏幕点击事件的处理
carbon (3).png
-
添加心形
carbon (6).png
-
制作动画
carbon (7).png
-
绘制贝塞尔曲线
carbon (8).png
-
获取两个定位点(最重要一步)
carbon (9).png
加草图说明(虽然画的有点丑不影响学习)
![](https://img.haomeiwen.com/i4704249/517b17d4b4441649.png)
首先找到触摸点的坐标 x , y
然后再找到两个定位点 ,水平的 x 位置是随机的 , y 的位置一个在中间分割线的上面一个在下面。
最后一个点就是y = 0 , x 的值是随机的 。
-
做贝塞尔动画的时候会用到一个类
carbon.png
网友评论