【发布时间】:2013-06-08 14:53:45
【问题描述】:
我有一个 Two.JS 多边形对象。 现在我想要一个点的 x/y 位置(点的位置在曲线上以 % 给出)
Two.JS 多边形具有属性结尾。你可以在那里给出一个 0 到 1 之间的数字。 这就是我想要的一个特定点。 有没有办法得到曲线上一个点的 x/y?
也许可以使用另一个 JS Canvas/SVG Lib。
【问题讨论】:
标签: javascript canvas svg curve two.js
我有一个 Two.JS 多边形对象。 现在我想要一个点的 x/y 位置(点的位置在曲线上以 % 给出)
Two.JS 多边形具有属性结尾。你可以在那里给出一个 0 到 1 之间的数字。 这就是我想要的一个特定点。 有没有办法得到曲线上一个点的 x/y?
也许可以使用另一个 JS Canvas/SVG Lib。
【问题讨论】:
标签: javascript canvas svg curve two.js
当然。假设 vertices 是您构造多边形的 Two.Vector,而 pos 是以 % 为单位的位置。然后你得到顶点及其位置
var i = round((pos * vertices.length)/100);
var v = vertices[i];
console.log(v.x, v.y);
现在这给了你一个顶点,而 pos 是相对的索引位置。
如果您希望曲线上的点与起点正好位于 曲线长度 的 pos% 处,那就更难了。
【讨论】:
beginning 和 ending 属性相同的范例。如果您有兴趣在点之间进行实际插值,我建议您检查 tween.js:sole.github.io/tween.js/examples/06_array_interpolation.html