本文介绍了如何利用贝塞尔曲线优化Canvas中的Path生硬路径，实现手势追踪的平滑效果，以及通过贝塞尔曲线创造出波浪效果。此外，还展示了如何运用贝塞尔曲线实现望远镜效果，即点击屏幕某处显示该区域的放大图像。
2019-01-20 21:56:52
贝塞尔曲线可以将Path中的moveTo、LineTo等连接的生硬路径变得平滑，也能实现很多好看的效果。
-
一阶贝塞曲线
B ( t ) = P 0 ( 1 − t ) + t P 1 , t ∈ [ 0 , 1 ] B(t)=P_0(1-t)+tP_1,t\in[0,1] B(t)=P0(1−t)+tP1,t∈[0,1]
-
二阶贝塞尔曲线
B ( t ) = P 0 ( 1 − t ) 2 + 2 t ( 1 − t ) P 1 + t 2 P 2 , t ∈ [ 0 , 1 ] B(t)=P_0(1-t)^2+2t(1-t)P_1+ t^2P_2,t\in[0,1] B(t)=P0(1−t)2+2t(1−t)P1+t2P2,t∈[0,1]
-
三阶贝塞尔曲线
B ( t ) = P 0 ( 1 − t ) 3 + 3 P 1 t ( 1 − t ) 2 +
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
