1.2.5贝塞尔曲线与计算规则
2019-06-29 本文已影响1人
saygoodbye_e92e
![](https://img.haomeiwen.com/i7870948/7fd0a4c8c4c13f44.png)
1.Path.LineTo从起点连线到这个点
如下:
![](https://img.haomeiwen.com/i7870948/73841d16f1541a67.png)
![](https://img.haomeiwen.com/i7870948/583ab35171d4eb6d.jpg)
2.Path.rLineTo 相对于path当前点的位置
![](https://img.haomeiwen.com/i7870948/6966081ab7a793d0.png)
![](https://img.haomeiwen.com/i7870948/583ab35171d4eb6d.jpg)
注意:path.lineTo代表一阶贝塞尔曲线
1.添加子图形addxxx
![](https://img.haomeiwen.com/i7870948/5901a9f316ec1ead.png)
![](https://img.haomeiwen.com/i7870948/b3f2dc770918c4cc.png)
追加图形 如xxTo
![](https://img.haomeiwen.com/i7870948/390f4f7ab925887e.png)
![](https://img.haomeiwen.com/i7870948/ccb70bbb635b7ea2.png)
这个追加图形,最后一个参数forceMoveTo是意思呢?
![](https://img.haomeiwen.com/i7870948/cb4b02e943915985.png)
forceMoveTo true 绘制时候移动起点,false,绘制时候连接最后一个点与圆弧起点
![](https://img.haomeiwen.com/i7870948/e743a613ab575019.png)
![](https://img.haomeiwen.com/i7870948/d0de52bc16bbf785.png)
![](https://img.haomeiwen.com/i7870948/c7ff506c16182ebc.png)
![](https://img.haomeiwen.com/i7870948/a19e59b729f8d6d6.png)
添加一个路径
![](https://img.haomeiwen.com/i7870948/5bfb930534f759b9.png)
![](https://img.haomeiwen.com/i7870948/d99f5f7901d15069.png)
添加圆角矩形
![](https://img.haomeiwen.com/i7870948/580496d9188eeee8.png)
![](https://img.haomeiwen.com/i7870948/1b4bd18e4efcf4e3.png)
画二阶贝塞尔曲线
![](https://img.haomeiwen.com/i7870948/34a5ef1dcb8ba9f0.png)
![](https://img.haomeiwen.com/i7870948/467e34d6550fc92d.png)
画三阶贝塞尔曲线
![](https://img.haomeiwen.com/i7870948/b4c080a25a8c2bf2.png)
![](https://img.haomeiwen.com/i7870948/3649013ccbbb3800.png)
![](https://img.haomeiwen.com/i7870948/50c21ad05c0d420c.png)
贝塞尔曲线
![](https://img.haomeiwen.com/i7870948/25101150d4cdd0ed.png)
![](https://img.haomeiwen.com/i7870948/2678214e98486893.png)
![](https://img.haomeiwen.com/i7870948/ed7b36c4ed7d064a.png)
![](https://img.haomeiwen.com/i7870948/88d9a3f7ac0b81e6.png)
案例:自定义一个QQ拖拽气泡
源码见github 可拖拽qq气泡
![](https://img.haomeiwen.com/i7870948/dbedcc6b152f345f.png)
坐标计算如下:
![](https://img.haomeiwen.com/i7870948/3f623f4936b4a7c7.jpg)