coordinates - HTML5 Canvas：获取曲线的坐标

Question

我在画布中有一条二次曲线（由开始、结束和控制点定义）。我需要的是获得更多曲线的坐标（例如中间、四分之一等）。有了它，我就可以（在查找坐标的几次迭代之后）根据这条曲线为对象设置动画（我知道它可以用 SVG 轻松完成，但这不是一个选项）。

图片取自http://www.html5canvastutorials.com/tutorials/html5-canvas-quadratic-curves/

是否有捷径可寻？当我在谷歌上检查二等分曲线时，我唯一发现的是一些复杂的数学，包括绘图，这是不可能的。

Answer 1

您可能对这些功能感兴趣：

Kinetic.Path.getPointOnCubicBezier = function(pct, P1x, P1y, P2x, P2y, P3x, P3y, P4x, P4y)
Kinetic.Path.getPointOnQuadraticBezier = function(pct, P1x, P1y, P2x, P2y, P3x, P3y)

Answer 2

我正在为贝塞尔曲线寻找类似的解决方案。如何获取曲线上的坐标列表？

为了解决您的问题，也许您可​​以将 x 坐标（或 y 坐标）插入二次方程：

y = a*x^2 + b*x + c

我似乎找不到返回曲线坐标的函数。获得任何曲线/形状的坐标列表会很好。