问题标签 [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.
flash - 在 Actionscript 中绘制三次贝塞尔曲线?
在 AS3 中以编程方式绘制三次贝塞尔曲线的最佳方法是什么?该类Graphics
似乎只支持二次曲线。:(我希望能够做类似的事情:
对于性能目标,我计划一次在舞台上展示大约 50 个。
javascript - 如何在 HTML5 画布中的两个文本对象之间绘制二次曲线?
每个主题的目标。
代码片段:
我对二次曲线的理解非常有限
geometry - 如何找到贝塞尔曲线的方向?
如何找到由贝塞尔三次段形成的闭合曲线的方向(cw 或 ccw)?
c++ - 关于如何通过输入几个点来概括贝塞尔曲线的问题
我想通过鼠标输入的几个点生成一条贝塞尔曲线。这些点超过四个,谁能帮助我并给我一些关于如何实现它的建议?多谢。祝你好运!
c# - 在三次贝塞尔曲线中指定张力
我正在尝试PathGeometry
使用 Wpf 中的三次贝塞尔曲线创建一个近似一系列正交线段的线段。我在 msdn 上看到一篇Cardinal Splines
在 GDI+ 中描述的文章,这几乎正是我希望完成的。
我已经成功了,大部分都成功了,但是我现在需要实现一个控制曲线“平滑度”的属性,就像上面文章中描述的张力属性一样。该文章指出,张力值为 1.0 会导致“最小总弯曲路径”。
这对三次贝塞尔曲线的控制点意味着什么?为了达到这种效果,它们将相对于端点放置在哪里?
注意:由于线段是正交的,因此两个连续线段之间的夹角始终为 90 度。我不确定这是否简化了任何事情。
这是文章中的图片,方便参考。红色方块表示终点,数字表示张力,尽管我最感兴趣的值是 0.0 到 1.0(含)。
(来源:microsoft.com)
3d - 给定 3D 中的 N 个点时如何创建三次贝塞尔曲线?
因此,当仅知道曲线上的点时,我需要找出控制点在三次贝塞尔曲线上的位置,这些点可以位于 3D 中。如果我可以对曲线上的任意数量的点执行此操作,那将是理想的。我发现的大部分内容只涉及 2D,或者只涉及 4 个点。
html - 在 HTML 5 2d Canvas 上下文中查找曲线上的点
给定由 2d 画布上下文函数绘制的线bezierCurveTo
,quadraticCurveTo
或者arcTo
,我怎样才能找到沿这些线的点?
我的意图是在曲线的中点绘制一个对象。使用 SVG DOM,我可以使用方法getPointAtLength
&来做到这一点getTotalLength
,但我在 HTML 画布中看不到等价物。
math - 创建“分数”贝塞尔样条曲线?
我有一个 4 个控制点的贝塞尔曲线,它代表了一些计时的东西。第一个控件固定在 (0, 0),最后一个控件固定在 (1, 1)。两者之间的两个点定义了一条贝塞尔曲线,它指定了我如何从 0 到 1。
现在我需要根据第一条曲线创建第二条曲线。第二条曲线也需要从 (0, 0) 变为 (1, 1)。但我想拥有第一条曲线的一部分的形状,例如它应该看起来像第一条曲线的前 0.75。
换句话说,如果我将这些曲线用于计时目的,并且我跟踪曲线#1 10 秒,同时跟踪曲线#2 7.5 秒,它们在被跟踪期间遵循相同的路径。(有道理?)
考虑到分数(在本例中为 0.75)参数,有没有办法将第一条曲线的控制点“缩放”到第二条曲线中?
谢谢。
.net - 贝塞尔曲线算法 - 也许是典型样条?
我有一条由多个点组成的路径 - 即 0,0 0,50 50,50 70,20
如果我只是在屏幕上画这条线,它看起来很刺眼,因为它在每个点的连接处都设置了一个锐角。
因此,我想知道贝塞尔曲线算法/方法会是什么样子,我可以称之为自动将锐角更改为“紧”曲线?
我不希望曲线太大或通常影响主路径的下降,只需软化连接即可。如果您看一下下面的内容,这里是我整理的一个快速示例。左边的线是我现在的线,中间的线是我想要的线。
右边的图像代表我认为我需要算法做的事情。本质上,我在距离连接 10% 的点处为构成连接的每个弧添加了一个附加点,然后我移除连接点并调整手柄,使它们位于点所在的位置(不在图中它们稍微分开,这只是为了让你可以看到)。这是我需要能够做到的。
3d - 根据与另一点的距离在贝塞尔曲线上查找点
因此,我有一个 3D 三次贝塞尔曲线和一个沿曲线任意位置的起点,并且需要在曲线下方找到第二个点,该点与第一个点相距特定的世界空间距离(不是弧长距离)。
另一个问题是,如果第二个点到达曲线的末端并且仍然不在所需的世界空间距离,在这种情况下,我希望它沿着切线继续,直到达到距离。
有任何想法吗?