This commit is contained in:
sloop
2016-04-22 22:41:31 +08:00
parent de5df4dbeb
commit 5e4d06d1b1

View File

@@ -76,15 +76,27 @@ rXxx方法 | rMoveTo, rLineTo, rQuadTo, rCubicTo | **不带r的方法是基于
**一阶曲线原理:** **一阶曲线原理:**
一阶曲线最终效果一个线段,对于一阶曲线而言是没有控制点的,仅有两个数据点。 一阶曲线最终效果一个线段,一阶曲线是没有控制点的,仅有两个数据点AB
![](http://ww1.sinaimg.cn/large/005Xtdi2jw1f35of045w8j308c0dwq2z.jpg) ![](http://ww1.sinaimg.cn/large/005Xtdi2jw1f35of045w8j308c0dwq2z.jpg)
其实就是前面讲解过的lineTo效果图可以参照上面表格。 > **上图表示的是一阶曲线生成过程中的某一个阶段,动态过程可以参照下图。**
![](https://upload.wikimedia.org/wikipedia/commons/0/00/B%C3%A9zier_1_big.gif)
**PS一阶曲线其实就是前面讲解过的lineTo。**
**二阶曲线原理:** **二阶曲线原理:**
* 1.控制点 二阶曲线由两个数据点,一个控制点来描述曲线状态,大致如下:
上图中红色曲线部分就是传说中的二阶贝塞尔曲线,那么这条红色曲线是如何生成的呢?接下来我们就以其中的一个状态分析一下:
连接AB BC并在AB上取点EBC上取点F使其满足条件
如图所示图中有ABC三个点其中AB为曲线的数据点(锚点)C为控制点(控点)。 如图所示图中有ABC三个点其中AB为曲线的数据点(锚点)C为控制点(控点)。