coordinates - HTML5 Canvas : get curve's coordinates

标签 coordinates html5-canvas kineticjs curve

我在 Canvas 中有一条二次曲线(由起点、终点和控制点定义)。我需要的是获取更多曲线的坐标(例如中间、四分之一等)。这样,我就能够(在几次迭代查找坐标之后)根据该曲线为对象设置动画(我知道使用 SVG 可以轻松完成,但这不是一个选项)。

enter image description here

图像取自 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/

相关文章:

javascript - Web Audio API 过滤器在 Safari 中不起作用

css - 将 three.js 背景更改为透明或其他颜色

javascript - 选取已在 Canvas 中绘制的图像

javascript - KineticJS:如何从 Canvas 初始化图像?

javascript - 在 kinetic js 中旋转 Canvas 内的图像并在该图像上涂鸦

javascript - 双击从 Canvas 网格中删除图像

c# - 如何获取网格上某个位置的坐标?

Python - 将二进制掩码转换为多边形

geometry - 如何将点映射到扭曲的网格上

api - 如何获取YouTube视频的位置坐标?