Update
This commit is contained in:
@@ -76,15 +76,27 @@ rXxx方法 | rMoveTo, rLineTo, rQuadTo, rCubicTo | **不带r的方法是基于
|
|||||||
|
|
||||||
**一阶曲线原理:**
|
**一阶曲线原理:**
|
||||||
|
|
||||||
一阶曲线最终效果一个线段,对于一阶曲线而言是没有控制点的,仅有两个数据点。
|
一阶曲线最终效果一个线段,一阶曲线是没有控制点的,仅有两个数据点AB。
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
其实就是前面讲解过的lineTo,效果图可以参照上面表格。
|
> **上图表示的是一阶曲线生成过程中的某一个阶段,动态过程可以参照下图。**
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|
**PS:一阶曲线其实就是前面讲解过的lineTo。**
|
||||||
|
|
||||||
**二阶曲线原理:**
|
**二阶曲线原理:**
|
||||||
|
|
||||||
* 1.控制点
|
二阶曲线由两个数据点,一个控制点来描述曲线状态,大致如下:
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
上图中红色曲线部分就是传说中的二阶贝塞尔曲线,那么这条红色曲线是如何生成的呢?接下来我们就以其中的一个状态分析一下:
|
||||||
|
|
||||||
|
连接AB BC,并在AB上取点E,BC上取点F,使其满足条件:
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
如图所示,图中有ABC三个点,其中AB为曲线的数据点(锚点),C为控制点(控点)。
|
如图所示,图中有ABC三个点,其中AB为曲线的数据点(锚点),C为控制点(控点)。
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user