三阶贝塞尔曲线 js算法实现

三阶贝塞尔曲线js算法实现
贝塞尔曲线是计算机图形学中的一种重要工具，常用于绘制光滑的曲线。

一个n阶贝塞尔曲线由n+1个控制点P0, P1, ..., Pn定义。

对于三阶贝塞尔曲线，我们有4个控制点P0, P1, P2, P3。

以下是一个使用JavaScript实现三阶贝塞尔曲线的简单示例：
javascript
function bezier(t, p0, p1, p2, p3) {
var one_minus_t = 1.0 - t;
var be = new Array(4);
be[0] = Math.pow(one_minus_t, 3); be[0] *= p0;
be[1] = 3 * Math.pow(one_minus_t, 2) * t * p1;
be[2] = 3 * one_minus_t * Math.pow(t, 2) * p2;
be[3] = Math.pow(t, 3) * p3;
return be;
}
var p0 = [0, 0]; // 控制点P0
var p1 = [1, 2]; // 控制点P1
var p2 = [2, 0]; // 控制点P2
var p3 = [3, 0]; // 控制点P3
for (var t = 0; t <= 1; t += 0.1) {
var point = bezier(t, p0, p1, p2, p3);
console.log(point); // 输出当前t值对应的曲线上的点
}
在这个示例中，bezier函数接受一个参数t（在0和1之间）和四个控制点的数组，
然后返回一个表示曲线上的点的数组。

然后，我们用一个循环来遍历t的值，并打印出每个t值对应的曲线上的点。