微信小程序如何运用二次贝塞尔曲线绘制波浪效果?

更新于
2026-09-30 21:25:09
1阅读来源:SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计672个文字,预计阅读时间需要3分钟。

微信小程序如何运用二次贝塞尔曲线绘制波浪效果?

这两周完成了一个新项目,员工们比较紧张。除了需求和UI,前端和后端各由一个人负责。项目需求确定后,UI隔了几天设计出了界面。拿到UI效果图后,发现一个界面有波浪效果,我当场就蒙了。

这两周做一个新的项目,人员比较紧张,除了需求和UI,前端后端一个人来干。

微信小程序如何运用二次贝塞尔曲线绘制波浪效果?

在项目需求确定后,UI隔了几天设计出了UI界面,拿到UI效果图后见有一个界面有波浪效果的我当时就蒙圈了,这都啥玩意啊?转念想到了最近在IT圈挺火的那个事件:产品要求安卓程序员实现根据用户手机壳颜色自动更换APP主题的需求后,顿时觉得画个波浪这个压根就不是事啊。

二次贝塞尔曲线

在微信官方的二次贝塞尔曲线画法连接

画波浪

思路:

在屏幕左边画一个波,然后让它一直向屏幕右边平移过去。其X的值由负数变为正数依次增大;然后一直重复此操作。

阅读全文

本文共计672个文字,预计阅读时间需要3分钟。

微信小程序如何运用二次贝塞尔曲线绘制波浪效果?

这两周完成了一个新项目,员工们比较紧张。除了需求和UI,前端和后端各由一个人负责。项目需求确定后,UI隔了几天设计出了界面。拿到UI效果图后,发现一个界面有波浪效果,我当场就蒙了。

这两周做一个新的项目,人员比较紧张,除了需求和UI,前端后端一个人来干。

微信小程序如何运用二次贝塞尔曲线绘制波浪效果?

在项目需求确定后,UI隔了几天设计出了UI界面,拿到UI效果图后见有一个界面有波浪效果的我当时就蒙圈了,这都啥玩意啊?转念想到了最近在IT圈挺火的那个事件:产品要求安卓程序员实现根据用户手机壳颜色自动更换APP主题的需求后,顿时觉得画个波浪这个压根就不是事啊。

二次贝塞尔曲线

在微信官方的二次贝塞尔曲线画法连接

画波浪

思路:

在屏幕左边画一个波,然后让它一直向屏幕右边平移过去。其X的值由负数变为正数依次增大;然后一直重复此操作。

阅读全文