原文：http://blog.csdn.net/killwd/article/details/1460478贝塞尔曲线 维基百科 http://zh.wikipedia.org/wiki/%E8%B2%9D%E8%8C%B2%E6%9B%B2%E7%B7%9A在图形图像编程时，我们常常需要根据一系列...
分类：
其他好文 时间：
2015-08-28 08:26:15
阅读次数：
283
今天我们来介绍三次Bezier曲线，这曲线网上资料非常多，我这里只是简单介绍下原理。 在二维空间中（三维也类似），给定n+1个点P0、P1、... 、Pn。参数t的n次的Bezier曲线是：图1 我们根据上面式子可以推出一阶、二阶、三阶贝塞尔曲线，下面是一阶贝塞尔曲线：图2 下面是二阶贝塞...
分类：
其他好文 时间：
2015-08-20 00:58:15
阅读次数：
1161
在应用 CSS3 渐变/动画时，有个控制时间的属性 。它的取值中除了常用到的三次贝塞尔曲线以外，还有个steps() 函数。
steps 函数指定了一个阶跃函数，第一个参数指定了时间函数中的间隔数量（必须是正整数）；第二个参数可选，接受 start 和 end 两个值，指定在每个间隔的起点或是终点发生阶跃变化，默认为 end。
#demo {
animation-it...
分类：
Web程序 时间：
2015-08-16 18:27:04
阅读次数：
131
用Canvas API绘图，需要画图形的边线并设置内部区域填充，边线英文语法对应stroke，填充对应fill，在后面我们会频繁看到这2个英文单词的出现。Canvas API内置的形状绘图函数比较少，可以完成绘制矩形Rect、弧形Arc，也可以画贝塞尔曲线bezierCurver、quadratic...
分类：
Web程序 时间：
2015-08-15 00:05:27
阅读次数：
128
http://my.oschina.net/sweetdark/blog/183721参数方程表现形式在中学的时候，我们都学习过直线的参数方程：y = kx + b;其中k表示斜率，b表示截距（即与y轴的交点坐标）。类似地，我们也可以用一个参数方程来表示一条曲线。1962年，法国工程师贝塞尔发明了贝...
分类：
其他好文 时间：
2015-08-05 12:29:12
阅读次数：
167
1 /// 2 /// 一般贝塞尔曲线 （两个控制点） 3 /// 4 public class Bezier 5 { 6 private Vector3 Start = Vector3.zero; //开始点 7 private Vector3 Star...
分类：
其他好文 时间：
2015-08-01 12:52:49
阅读次数：
153
如果对这个桃心绘制有问题或有兴趣的同学，可以链接到 Path相关方法讲解(二)，此时我们的需求是这样的：
假定我们现在是一个婚恋产品，有一个“心动”的功能，用户点击“心动”按钮的时候，有一个光点快速的沿着桃心转一圈，然后整个桃心泛起光晕！
针对这个需求，很多人可能会想到以下方案：
不就一个光点沿着桃心跑一圈么，既然桃心是使用贝塞尔曲线画出来的，那么我们就可以用对应的函数模拟出这条曲线，然后算出对应位置上的点，不断将光点绘制到对应的位置上！
这个思路当然没有问题，但我们还有相对简单的方式，那就是使用 Path...
分类：
其他好文 时间：
2015-07-26 17:28:09
阅读次数：
136
1、CAShapeLayer继承至CALayer，可以使用CALayer的所有属性值2、CAShapeLayer需要与贝塞尔曲线配合使用才有意义3、使用CAShapeLayer与贝塞尔曲线可以实现不在view的drawRect方法中画出一些想要的图形4、CAShapeLayer属于CoreAnima...
分类：
移动开发 时间：
2015-07-23 13:33:57
阅读次数：
131
最近的项目要使用html5 绘制椭圆，参考网上的例子发现可以使用贝塞尔曲线绘制，不过要绘制四条贝塞尔曲线。
在html5的过程中发现可以使用绘制圆形的方式来绘制椭圆
html5中绘制圆的函数如下：
arc(x,y,r,start,end,clockwise);具体函数的含义请自行查看，
实现的具体代码如下：
/**
*
* @param x 中心 x坐标
* @param y 中心...
分类：
Web程序 时间：
2015-07-22 16:18:00
阅读次数：
371
