问题标签 [line-drawing]

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 投票
1 回答
52 浏览

java - 在图上画线

我想创建一个 6*6 的网格,然后下一步是在每个网格中逐列放置图像 Tiles。完整的图像是每个网格中所有图块的组合。然后我想在由 6*6 网格形成的完整图像上画线。我已经尝试使用 JLabel 并创建了 6*6 的 JLabel 网格,并且图像已完全形成,但我试图在形成的图像上画线,我无法做到这一点。线从右侧图像的末端开始。我在这一点上感到震惊。请告诉我以某种方式去做。

0 投票
1 回答
141 浏览

xml - Flash AS3 画线显示文本

我目前正在研究一个列线图,我能够创建 2 个与一条线相连的滑块,但是有没有办法让这条线读取中间数字,就像下面的例子一样。

我需要这条线来显示多个数字的“距离”。

也可以让滑块以不同的度量单位(如米/英尺)显示多个数字

选项 2

是否有可能让 line.graphic 每次通过它时都会夸大电影剪辑或按钮?

到目前为止,我正在考虑使用一种敌人类,所以每当 line.graphic 通过它时,它都会显示数字。

列线图示例

这是我到目前为止所拥有的......对于滑块,我将一个movieclip“imageholder1”放在另一个movieclip“rect”的顶部

更新

所以遇到了这个问题,我正在对其进行编辑以满足我的需要,并且我能够跟踪闪存中的所有信息,并了解有关 xml 到闪存的更多信息。

但我现在的问题是如何将它全部实现到闪存阶段?

0 投票
1 回答
989 浏览

ios - 如何在 SpriteKit 中有效地画一条线

在我的 SpriteKit 场景中,用户应该能够用他/她的手指画线。我有一个可行的解决方案,如果线很长,FPS 下降到 4-6 并且线开始变得多边形,如下图所示:

在此处输入图像描述

为了绘制myline( ),我以这种方式SKShapeNode*收集触摸点移动NSMutableArray* noteLinePoints

我以这种方式画线

我该如何解决这个问题?因为所有后续线都是多边形的,我认为是因为 fps 非常低,并且触摸的采样率自动变得非常低......

请注意,我使用 iPad 3 进行测试(我的应用程序需要在 iPad 2 型号和 iOS7 上运行)

0 投票
0 回答
265 浏览

c# - 如何在 C# 中绘制水平/垂直线并且仍然有一个用于边界目的的矩形

我正在使用此代码创建一个矩形:

我的问题是当我画一条水平线或垂直线然后尝试将它移动到 aY 时,因为一个长负数并引发溢出异常错误。

编辑

这是移动线的代码。这是 ExpandedBounds:

0 投票
2 回答
924 浏览

html - 动画发光的 SVG 线条图在浏览器中不起作用

我正在尝试创建一个使用 SVG 过滤器的动画以及stroke-dasharray创建渐进式“发光”线条效果的方法。经过相当多的研究,我能够整理出一些有效的东西:

JSFiddle(SVG 路径对于 SO 片段来说太大了)

我尝试的解决方案使用两组坐标,第一组是线条本身,然后是应用了 SVG 辉光滤镜的相同路径。在大多数情况下,动画看起来不错,就外观而言,接近我想要的。

问题是动画显然是资源密集型的,并且在 FireFox 和 Safari 中非常笨拙。我怎样才能实现同样的动画“发光线”效果,同时让它在这些浏览器中顺利运行?有没有办法绕过这么多坐标的性能影响,或者有没有更好的方法来实现发光效果而不使用两组路径?

还有它的价值……我没有使用 R2-D2 的图像,但实际的线条图由一组同样大的坐标组成,因此这是一个具有代表性的示例。

我是使用动画 SVG 的新手,我意识到我在这里的方法可能有点迟钝。很感谢任何形式的帮助。

0 投票
1 回答
706 浏览

animation - Anime.js 中的线条绘制 svg 长时间延迟和线条缺失

我想用Animejs在三角形中画一个三角形。三角形应该画得很慢。可悲的是,在三角形开始绘制并且三角形的一侧丢失之前,我得到了很长的延迟。

我的三角形svg:

我的js:

最后,我想让它看起来像一个角三角形。抱歉,有任何糟糕的 js、css 或 html 错误。我是网页设计的新手。 https://youtu.be/JTNgpQWcDIA?t=1m1s

0 投票
0 回答
280 浏览

c++ - SDL(或附加组件)是否有高效的吴晓林线功能?

我用 SDL2 用 C++ 编写了一个程序,它通过将点与线链接起来,从点列表中绘制曲线。我假设我正在使用基于 Bresenham 算法的 SDL_RenderDrawLine 函数。

然后我根据Xiaolin Wu的算法做了另一个函数来代替SDL(因为它更平滑)。它运行良好,但比 SDL 函数慢很多(很多!)。事实上,我很难每秒画十几条线,而我可以使用 SDL 功能每秒画出数千条线而没有任何问题。

所以我正在寻找一个已经实现了吴晓林算法的 SDL 库,因为计算机科学家当然比我好。这个图书馆存在吗?还是我必须自己做?

如果我必须自己做,你有改进我的功能的提示吗?这里是,基于 Wikipedia 伪代码:

0 投票
1 回答
1071 浏览

python - 带选定点的 3D 线图

我正在使用 matplotlib,我想选择我的 3D 散点图并将它们与一条线连接起来。我可以读取 (X,Y,Z) 值,但我找不到如何连接一条线。这是我的代码。

提前致谢

0 投票
1 回答
109 浏览

algorithm - Bresenham 算法下一个像素?

在画线中,对于从点 P1 到点 P2 的第一个八分圆中斜率介于 0 和 1 之间的线,显式推导出了 bresenham 算法,其中 P1 的 x 值小于 P2 的 x 值。

在该算法的增量版本中,一旦绘制了一个像素,我们就需要选择下一个要绘制的像素。

有哪些选择?我们如何选择下一个要绘制的像素?(假设线宽为 1 像素)

0 投票
1 回答
117 浏览

c# - 在另一个控件上绘图

Microsoft Word 允许您在文档上显示网格线,如下面的屏幕截图所示:

在此处输入图像描述

我正在尝试在 WPF RichTextBox 中创建相同的效果。我所做的是我创建了自己的控件MyRichTextBox,该控件源自RichTextBox,然后我覆盖了该OnRender方法,以简单地画一条粗线来测试它。问题是,看起来我的线是在文本框本身下面绘制的。我可以看到它的一部分在左上角伸出。有人对我如何在实际文本框中画一条线有任何建议吗?这是我的超级简单代码: