我在 Canvas 中有一条二次曲线(由起点、终点和控制点定义)。我需要的是获取更多曲线的坐标(例如中间、四分之一等)。这样,我就能够(在几次迭代查找坐标之后)根据该曲线为对象设置动画(我知道使用 SVG 可以轻松完成,但这不是一个选项)。
图像取自 http://www.html5canvastutorials.com/tutorials/html5-canvas-quadratic-curves/
有没有简单的方法可以做到这一点?当我在谷歌上检查平分曲线时,我唯一发现的是一些复杂的数学,包括绘图,这是不可能的。
最佳答案
您可能会对这些功能感兴趣:
Kinetic.Path.getPointOnCubicBezier = function(pct, P1x, P1y, P2x, P2y, P3x, P3y, P4x, P4y)
Kinetic.Path.getPointOnQuadraticBezier = function(pct, P1x, P1y, P2x, P2y, P3x, P3y)
关于coordinates - HTML5 Canvas : get curve's coordinates,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12420092/