javascript - 二.JS曲线上的点

标签 javascript canvas svg curve two.js

我有一个 Two.JS 多边形对象。 现在我想要一个点的 x/y 位置(该点的位置在曲线上以 % 形式给出)

Two.JS 多边形具有属性结尾。您可以在那里给出 0 到 1 之间的数字。 这就是我想要的特定点。 有没有办法获得曲线上一点的x/y?

也许使用另一个 JS Canvas/SVG Lib 是可能的。

最佳答案

当然。假设 vertices 是用于构造多边形的 Two.Vector,pos 是用 % 表示的位置。然后你得到顶点及其位置

var i = round((pos * vertices.length)/100);
var v = vertices[i];
console.log(v.x, v.y);

现在这给你一个顶点,pos 是相对索引位置

如果您希望曲线上的点距起点恰好位于曲线长度的 pos% 处,那就更难了。

关于javascript - 二.JS曲线上的点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17000722/

相关文章:

javascript - 如果未勾选复选框,则禁用提交按钮

javascript - 我的 Canvas 绘制像素化线

Android:如何在两点内画圆?

html - 如何根据变量的值在内联 SVG 中生成不同的文本?

javascript - Javascript 添加的动态 svg 元素不起作用

javascript - 像素范围

javascript - 如何在Python中使用mechanize进行点击?

javascript - 使用在每个 div 中的元素中找到的文本按搜索进行过滤

javascript - 如何使 HTML5 Canvas 上的图像垂直和水平重复?

javascript - 使用 d3 生成适合文本大小的矩形