问题标签 [curve]

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 投票
2 回答
1962 浏览

iphone - iOS - 沿曲线路径拖动对象

我正在撕扯我的头发,试图弄清楚什么似乎是一个非常简单的问题。我知道很多这些东西都被切题地讨论过,所以如果这涉及到覆盖良好的地面,我深表歉意,但我找不到任何特定于我的解决方案的东西(相信我,我已经看过了)。

基本上我想沿着预定义的弯曲路径拖动对象/精灵(不仅仅是移动它,而是拖动它)。想想 iPhone 的“滑动解锁”功能,但不要只是从左到右拖动滑块,而是将路径设为弧线或波浪线。

我的基本想法是:

  • 定义贝塞尔路径,将对象设置在起点。
  • 如果对象被触摸,请在 touchesMoved(或一些类似函数)中检查贝塞尔路径上的命中检测。如果触摸停留在路径上,则沿着路径前进精灵直到路径结束(在这种情况下,任务完成)或用户的手指离开路径(在这种情况下,对象应该回到起点)。

这一切都不是微不足道的(至少,看起来是这样)。例如:

  • 在 Bezier 路径上进行命中检测是一件非常痛苦的事情,因为您实际上需要在描边部分而不是填充部分上进行检测。即便如此,我似乎也无法在任何宽度的路径上找到一种方法——只能在贝塞尔曲线的 1 点宽路径上。
  • 沿着路径部分移动对象似乎是不可能的:所有动画方法都沿着整个路径移动精灵。此外,这样做需要您找到最接近用户触摸的路径上的点,如果您曾经查找过,这涉及到极其复杂的数学运算。
  • 我想过使用刚体来占据除了路径之外的所有空间,所以物体只能在路径中移动。然而,这需要定义弯曲刚体,其中一些必须是凹的。死路。

我做这太难了吗?好像没那么复杂。我不需要一个完整的解决方案,只需要一种新的方式来思考这个问题并朝着正确的方向前进。任何帮助将非常感激。

0 投票
1 回答
1855 浏览

android - 如何在Android中绘制动态曲线?

我的 Android 应用程序中有一个字节缓冲区,将其视为向量。缓冲区中的数据是动态更改的(有一个单独的线程来更新缓冲区)。我想动态地绘制这些数据。

每个数据代表View中一个点的Y坐标,将连续的点连接起来形成一条曲线。随着缓冲区的周期性更新,曲线看起来就像是平滑地向前移动。

首先,我通过在View的onDraw(Canvas canvas)方法中画线来实现,但是效果很差。当调用invalidate方法过于频繁时,CPU消耗非常大。

于是我改用SurfaceView,在单独的线程中绘制动态曲线,但还是不尽如人意。

我想知道是否有任何好的方法可以实现这一点。OpenGL ES 是否是一种选择?

0 投票
1 回答
657 浏览

android - 是否可以在Andgengine(游戏的android框架)中使用Canvas进行绘画


基本上想在用户触摸时绘制曲线路径(有点像飞行控制应用程序)。使用绘画 API 可以在画布上绘画(手指绘画示例)。但我无法绘制一个 andengine 视图。

关于如何使用andengine库在android上绘制曲线有什么建议吗?谢谢

0 投票
4 回答
833 浏览

javascript - 如何计算与 CSS3 创建的边界半径相匹配的曲线上的点?几何天才?

我有一个用 css3 边框半径(图像部分)创建的弯曲 div。我旁边有文本行,我想将曲线对齐 20px 左右,就像这样(不能发布图片,不记得旧登录名):

在此处输入图像描述

诀窍是曲线会根据窗口大小而变化,所以我希望能够计算出曲线上文本应该偏移的点,本质上是创建一个真正的手动文本换行。

最终,我需要能够使用 javascript 进行计算和更新。

(编辑以添加下面的每个评论):用于演示目的的曲线 css 是border-bottom-left-radius:316px 698px;但这是由脚本根据页面大小计算的。另外,值得一提的是,我根本不需要支持 IE 或 FireFox——只需要 webkit(独立的信息亭应用程序)。

0 投票
1 回答
640 浏览

python - 将开放曲线转换为有序像素列表:带有 numpy 的 Python 测试代码

我在一个 numpy 数组中有一条开放曲线的图像,我需要建立一个根据它们在曲线上的位置排序的点坐标列表。我使用 numpy 和 mahotas编写了一个草稿脚本。它可能不是最佳的。

我知道 OpenCV 可以为闭合曲线做到这一点。OpenCV 可以用开放曲线做同样的事情(更快)吗?

例如,如果原始曲线是:

使用np.where(myarray==1),我可以获得像素的索引:

但这不是我需要的。我的脚本产生的索引考虑了曲线上像素的顺序:

我想优化我的脚本。有任何想法吗?

0 投票
1 回答
371 浏览

c# - 从 SQL 数据中查找两条曲线的交点

我在 Microsoft SQL Server 上有统计数据,想从表中查询的 (x,y) 数据中找到两条曲线的交点。我发现了一些与在 excel 中执行此操作相关的文章,但我不确定如何在 SQL 中进行。我将如何在 T-SQL 或 C# 代码中执行此操作?

0 投票
1 回答
2526 浏览

android - android 2d 圆弧碰撞检测

我有一个使用 android 2d 图形绘制的旋转弧

游戏运行时弧线会旋转

我想知道如何检测是否有其他游戏对象(矩形、圆圈)与它发生碰撞

这是我第一次写游戏:)

我在http://hakim.se/experiments/html5/core/01/看到了类似的东西

提前致谢

0 投票
1 回答
388 浏览

curve - 色调曲线 - Lightroom

有人知道 Lightroom 3.4 中的色调曲线工具是否获得专利?我想在图像处理软件中实现类似的功能。

0 投票
3 回答
1162 浏览

html - 如何在 HTML5 / Canvas 中绘制逐渐减小的波浪射线或复杂图形

我正在尝试生成一些太阳“光线”,我可以将其最好地描述为看起来像一把刀的刀片,例如这张照片的刀片部分。这

这只是一个例子。我只需要一个带有两三个波浪的三角形,我可以关闭和填充。

更好的是,是否有一些 HTML5 应用程序可以用来绘制复杂的图形,然后导出 javascript(moveTo、arcTo、bezierCurveTo、quadraticCurveTo、...)。类似于HTML5 Bezier Sketcher的东西,但它保存了 javascript。尝试盲目地绘制复杂的图形非常困难,如果没有必要,我不想切换到 SVG。

谢谢 1,000,000

编辑:我现在也查看了这个站点上的所有选项。None 将允许我绘制和填充简单曲线,然后查看/保存画布命令。所有显示命令都显示在新库中,如 fabric 或 jsDraw2D。

0 投票
1 回答
1073 浏览

r - 添加一条适合 R 图中的峰值的曲线?

如果给定两个向量及其图,是否有一个函数可以添加一条适合峰值的曲线?例如,我有:

x= c(0:20)

x [1] 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

y [1] 19.4 17.9 8.1 11.3 7.8 8.0 5.0 1.7 3.9 5.4 7.5 5.4 4.7 5.0 4.9 3.5 2.9 2.4 1.4 1.7

绘图(x,y,xlim=范围(x),y​​lim=范围(y))

最好的,七海