问题标签 [bezier]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
3994 浏览

flash - 在 Actionscript 中绘制三次贝塞尔曲线?

在 AS3 中以编程方式绘制三次贝塞尔曲线的最佳方法是什么?该类Graphics似乎只支持二次曲线。:(我希望能够做类似的事情:

对于性能目标,我计划一次在舞台上展示大约 50 个。

0 投票
2 回答
1588 浏览

javascript - 如何在 HTML5 画布中的两个文本对象之间绘制二次曲线?

每个主题的目标。

代码片段:

我对二次曲线的理解非常有限

0 投票
1 回答
871 浏览

geometry - 如何找到贝塞尔曲线的方向?

如何找到由贝塞尔三次段形成的闭合曲线的方向(cw 或 ccw)?

0 投票
2 回答
404 浏览

c++ - 关于如何通过输入几个点来概括贝塞尔曲线的问题

我想通过鼠标输入的几个点生成一条贝塞尔曲线。这些点超过四个,谁能帮助我并给我一些关于如何实现它的建议?多谢。祝你好运!

0 投票
1 回答
2628 浏览

c# - 在三次贝塞尔曲线中指定张力

我正在尝试PathGeometry使用 Wpf 中的三次贝塞尔曲线创建一个近似一系列正交线段的线段。我在 msdn 上看到一篇Cardinal Splines在 GDI+ 中描述的文章,这几乎正是我希望完成的。

我已经成功了,大部分都成功了,但是我现在需要实现一个控制曲线“平滑度”的属性,就像上面文章中描述的张力属性一样。该文章指出,张力值为 1.0 会导致“最小总弯曲路径”。

这对三次贝塞尔曲线的控制点意味着什么?为了达到这种效果,它们将相对于端点放置在哪里?

注意:由于线段是正交的,因此两个连续线段之间的夹角始终为 90 度。我不确定这是否简化了任何事情。

这是文章中的图片,方便参考。红色方块表示终点,数字表示张力,尽管我最感兴趣的值是 0.0 到 1.0(含)。 (来源:microsoft.com替代文字

0 投票
1 回答
7393 浏览

3d - 给定 3D 中的 N 个点时如何创建三次贝塞尔曲线?

因此,当仅知道曲线上的点时,我需要找出控制点在三次贝塞尔曲线上的位置,这些点可以位于 3D 中。如果我可以对曲线上的任意数量的点执行此操作,那将是理想的。我发现的大部分内容只涉及 2D,或者只涉及 4 个点。

0 投票
2 回答
3274 浏览

html - 在 HTML 5 2d Canvas 上下文中查找曲线上的点

给定由 2d 画布上下文函数绘制的线bezierCurveToquadraticCurveTo或者arcTo,我怎样才能找到沿这些线的点?

我的意图是在曲线的中点绘制一个对象。使用 SVG DOM,我可以使用方法getPointAtLength&来做到这一点getTotalLength,但我在 HTML 画布中看不到等价物。

0 投票
1 回答
211 浏览

math - 创建“分数”贝塞尔样条曲线?

我有一个 4 个控制点的贝塞尔曲线,它代表了一些计时的东西。第一个控件固定在 (0, 0),最后一个控件固定在 (1, 1)。两者之间的两个点定义了一条贝塞尔曲线,它指定了我如何从 0 到 1。

现在我需要根据第一条曲线创建第二条曲线。第二条曲线也需要从 (0, 0) 变为 (1, 1)。但我想拥有第一条曲线的一部分的形状,例如它应该看起来像第一条曲线的前 0.75。

换句话说,如果我将这些曲线用于计时目的,并且我跟踪曲线#1 10 秒,同时跟踪曲线#2 7.5 秒,它们在被跟踪期间遵循相同的路径。(有道理?)

考虑到分数(在本例中为 0.75)参数,有没有办法将第一条曲线的控制点“缩放”到第二条曲线中?

谢谢。

0 投票
2 回答
793 浏览

.net - 贝塞尔曲线算法 - 也许是典型样条?

我有一条由多个点组成的路径 - 即 0,0 0,50 50,50 70,20

如果我只是在屏幕上画这条线,它看起来很刺眼,因为它在每个点的连接处都设置了一个锐角。

因此,我想知道贝塞尔曲线算法/方法会是什么样子,我可以称之为自动将锐角更改为“紧”曲线?

我不希望曲线太大或通常影响主路径的下降,只需软化连接即可。如果您看一下下面的内容,这里是我整理的一个快速示例。左边的线是我现在的线,中间的线是我想要的线。

右边的图像代表我认为我需要算法做的事情。本质上,我在距离连接 10% 的点处为构成连接的每个弧添加了一个附加点,然后我移除连接点并调整手柄,使它们位于点所在的位置(不在图中它们稍微分开,这只是为了让你可以看到)。这是我需要能够做到的。

替代文字

0 投票
2 回答
3636 浏览

3d - 根据与另一点的距离在贝塞尔曲线上查找点

因此,我有一个 3D 三次贝塞尔曲线和一个沿曲线任意位置的起点,并且需要在曲线下方找到第二个点,该点与第一个点相距特定的世界空间距离(不是弧长距离)。

另一个问题是,如果第二个点到达曲线的末端并且仍然不在所需的世界空间距离,在这种情况下,我希望它沿着切线继续,直到达到距离。

有任何想法吗?