0%

贝塞尔曲线浅析

what?

贝塞尔曲线(bezier curve),由线段和节点组成,节点是可拖动的支点,线段像可伸缩的皮筋。是计算机图形学中相当重要的参数曲线。

cubic-bezier curve公式

$$B(t)=P_0(1-t)^3+3P_1t(1-t)^2+3P_2t^2(1-t)+P_3t^3, 0 \leq t \leq 1$$

Features

  1. 起始于P0结束于Pn的曲线,即所谓的端点插值法
  2. 曲线的起始点(结束点)相切于贝塞尔多边形的第一节(最后一节)
  3. 一条曲线可在任意点切割成两条或任意多条子曲线,每一条子曲线仍是贝塞尔曲线

升阶

n次贝塞尔曲线可以转换成完全相同的n+1次贝塞尔曲线。

cubic-bezier曲线在浏览器timing-function中的应用