贝塞尔曲线的应用详解

简介

贝塞尔曲线是可以做出很多复杂的效果来的，比如弹跳球的复杂动画效果，首先加速下降，停止，然后弹起时逐渐减速的效果。

使用贝塞尔曲线常用的两个网址如下：

缓动函数：

cubic-bezier：

如何用贝塞尔曲线画曲线

一个标准的3次贝塞尔曲线需要 4 个点：起始点、终止点（也称锚点）以及两个相互分离的中间点。

无论SVG, Canvas还是CSS3动画，都牵扯到这4个点。

SVG和贝塞尔曲线的结合

svg可缩放矢量图形(Scalable Vector Graphics)、二维、XML标记，类似下面：

<svg width="160px" height="160px">
  <path d="M10 80 ..." /></svg> 

查看更多关于贝塞尔曲线的应用详解的详细内容...