37得票4回答
通过三个给定点绘制一个二次贝塞尔曲线。

我有2D平面上的三个点,希望能够绘制一条二次贝塞尔曲线穿过它们。我该如何计算中间的控制点(如 quadTo 中的 x1 和 y1)?我学过大学的线性代数,但还需要一些简单的帮助。 如何计算中间的控制点使曲线也会穿过它?

35得票5回答
如何将Bézier曲线拟合到一组数据?

我有一组数据点(可以稀疏),需要用Bézier曲线进行拟合。我需要的是速度而不是精度,但是拟合结果应该足够好以便识别。另外,我正在寻找一种算法,可以使用得较少库(特别是NumPy)。 我已经阅读了几篇研究论文,但没有一篇提供足够详细的细节来完全实现。是否有任何开源示例?

32得票4回答
如何对一个三次贝塞尔曲线进行偏移?

我正在尝试创建一个“平行”的贝塞尔曲线。我已经接近成功,但还差一点。我试图保持两个曲线之间的1像素偏移(红色和蓝色)。 我的主要目标是使用边缘偏移算法来扩展/收缩SVG路径。 解决方案 对于任何其他正在寻找解决方案的人,我已经创建了一个AS3版本。 http://seant23...

31得票11回答
如何逐步绘制矢量路径?(Raphael.js)

如何实现矢量路径的逐步绘制动画效果?换句话说,就是逐像素缓慢显示路径。 我正在使用Raphaël.js,但是如果您的答案不特定于某个库——比如可能有一些通用的编程模式来完成这种事情(我对矢量动画还比较新)——那么它也是可以接受的! 对于直线路径,这很容易实现,例如在该页面的示例中所示:...

31得票6回答
手绘曲线平滑化

我有一个允许用户绘制曲线的程序。但是这些曲线看起来不太好——它们看起来摇摆不定,像手绘的一样。 所以我想要一个算法来自动平滑处理它们。我知道在平滑处理过程中存在固有的歧义,因此它不会每次都完美无缺,但是类似的算法似乎存在于几个绘图软件包中,并且它们运行得相当不错。 有没有这方面的代码示例?...

29得票5回答
在三次贝塞尔曲线上找到某一点的切线。

对于一个具有四个常规点a、b、c和d的三次贝塞尔曲线, 给定一个值t, 如何最优雅地找到该点的切线?

28得票1回答
SVG动画路径的d属性

能否使用SVG来动画化<path>的d属性?我可以使用八条贝塞尔曲线绘制一个菱形和一个圆作为路径:<html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/...

28得票1回答
TrueType字体的字形由二次贝塞尔曲线构成。为什么在字形轮廓中会出现多个连续的非曲线点?

我正在编写一个TTF解析器。为了更好地理解TTF格式,我使用TTX提取了C:\Windows\calibri.ttf的“.notdef”字形数据,方法如下。<TTGlyph name=".notdef" xMin="0" yMin="-397" xMax="978" yMax="1294...

26得票6回答
廉价的计算立方贝塞尔曲线长度的方法

似乎不存在立方贝塞尔曲线长度的解析解,但这并不意味着没有编写廉价解决方案。 廉价指的是大约50-100 ns(或更少)的东西。 有人知道类似的解决方案吗?也许可以分为两类: 1)误差小于1%但代码运行速度较慢。 2)误差高达20%,但运行速度更快? 我在Google上浏览了一下,但没有找...

26得票2回答
理解CSS中的cubic-bezier过渡属性

我有一个元素,其中包含一些幻灯片和菜单。 #wrap { position: relative; top: 0; transition: top 1.4s cubic-bezier(.49,.22,.52,1.35); } <div id="wrap...