相关疑难解决方法(0)

如何使用javascript HTML5画布通过N个点绘制平滑曲线?

对于绘图应用程序,我将鼠标移动坐标保存到数组,然后使用lineTo绘制它们.生成的线条不平滑.如何在所有聚集点之间生成单条曲线?

我用谷歌搜索但我只找到了3个绘制线的函数:对于2个样本点,只需使用lineTo.对于3个样本点,quadraticCurveTo,对于4个样本点,bezierCurveTo.

(我尝试在阵列中每4个点绘制一个bezierCurveTo,但这会导致每4个采样点扭结,而不是连续的平滑曲线.)

如何编写一个函数来绘制一个包含5个样本点的平滑曲线?

javascript bezier canvas spline html5-canvas

114
推荐指数
7
解决办法
10万
查看次数

在javascript中查找三次贝塞尔曲线的所有点

我有一个带2个控制点的立方贝塞尔曲线.起点和控制点是已知的.给定控制,起点和终点,需要得到曲线的所有点.我想要实现的是..给出从1到曲线长度的值i.得到该位置中每个点的X和Y以及alpha(角度).我找不到一个好的参考或工作代码.我正在使用javascript.

math graphics geometry bezier 2d

5
推荐指数
1
解决办法
6662
查看次数

标签 统计

bezier ×2

2d ×1

canvas ×1

geometry ×1

graphics ×1

html5-canvas ×1

javascript ×1

math ×1

spline ×1