问题标签 [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 投票
5 回答
1624 浏览

asp.net - 有没有办法在 ASP.NET 页面中画线 (x,y)-(x2,y2)?

当然不是动画,但很适合在视觉上显示数据,例如甘特图等。

0 投票
14 回答
84593 浏览

javascript - 在画布标签上绘制箭头

我想使用画布标签 javascript 绘制一个箭头。我已经使用二次函数完成了它,但是我在计算箭头的旋转角度时遇到了问题......

有人对此有任何线索吗?

谢谢

0 投票
2 回答
165 浏览

c# - 用这种方法绘制图像?

我正在尝试在此 MouseDown 方法中绘制图像。我不知道“(???)”部分的内容。

0 投票
6 回答
275660 浏览

javascript - 在谷歌地图中围绕一个点绘制半径

我正在使用 Google Maps API 并添加了标记。现在我想在每个标记周围添加一个 10 英里的半径,这意味着一个在缩放时表现适当的圆圈。我不知道该怎么做,而且这似乎并不常见。

我找到了一个看起来不错的例子,你也可以看看谷歌纵横。他们在那里使用带有半径的标记,就像我想要的那样。

更新:谷歌纵横使用缩放的图像,它是如何工作的? (功能已弃用)

0 投票
1 回答
1486 浏览

math - 给定空间中的一个点和一个向量,绘制一条 X 长度的线

在每个人都指责我外包我的作业之前,我的问题不是关于我的作业的问题。我只是无法正确绘制一些东西。

我正在尝试绘制垂直于平面的线。我知道构成飞机的空间的三个点。从这些坐标中,我可以计算矢量并获得平面的法线矢量。使用三个点中心的坐标和法线向量,我可以绘制一条垂直于平面的线。

我的问题是该线的长度与法线向量相关,因为我只是将向量添加到坐标以获得两个点来绘制一条线。在不使用一些可怕的蛮力代码的情况下,如何在给定 3D 空间中的任何点和任何向量的情况下绘制一条固定长度的线。

(我在这里问是因为我不知道在谷歌上搜索时使用的术语,我的教科书没有任何与此相关的内容,而且我的教授在到期之前不会有空。)

0 投票
2 回答
7614 浏览

c# - 从 UIElement 生成 BitmapSource

我正在尝试生成一个BitmapFrame基于UIElement. 这是我的功能:

出于测试和调试目的,我使用了一个额外的函数来创建一个简单的 StackFrame,它应该创建一个可以表示的有效视觉元素:

出于某种原因,VisualBrush 没有在 DrawRetangle(...) 函数中呈现。我可以看到绿色边框,但没有别的。此外,如果我用标准画笔换掉 VisualBrush,效果很好:

提前致谢!

0 投票
4 回答
5698 浏览

c++ - 递归函数上的 OpenMP 并行化

我正在尝试使用并行化来提高绘制具有分层排序对象的 3D 场景的刷新率。场景绘制算法首先递归遍历对象树,并由此构建绘制场景所需的基本数据的有序数组。然后它多次遍历该数组以绘制对象/叠加层等。由于从我所读到的 OpenGL 不是线程安全的 API,我假设数组遍历/绘图代码必须在主线程上完成,但我我在想我可能能够并行化填充数组的递归函数。关键是数组必须按照对象在场景中出现的顺序填充,因此将给定对象与数组索引相关联的所有功能都必须以正确的顺序完成,但是一旦分配了数组索引,我就可以使用工作线程填充该数组元素的数据(这不一定是微不足道的操作)。所以这是我想要得到的伪代码。我希望您了解 xml-ish 线程语法。

那么,是否可以使用 OpenMP 来做到这一点,如果可以,怎么做?是否有其他并行化库可以更好地处理这个问题?

附录:Davide的要求,让我再详细解释一下。假设场景是这样排序的:

现在,这些对象中的每一个都有很多与之相关的数据,即位置、旋转、大小、不同的绘图参数等。此外,我需要在这个场景上进行多次传递才能正确地绘制它。一个过程绘制对象的形状,另一个过程绘制描述对象的文本,另一个过程绘制对象之间的连接/关联(如果有的话)。无论如何,如果我必须多次访问这些不同的对象,从这些不同的对象中获取所有绘图数据非常慢,所以我决定使用一次将所有数据缓存到一维数组中,然后将所有实际的绘图通过只看数组。问题是,因为我需要以正确的顺序执行 OpenGL 推送/弹出,所以数组必须处于代表树层次结构的正确深度优先搜索顺序。在上面的例子中,

因此,数组的顺序必须正确序列化,但是一旦我正确分配了该顺序,我就可以并行化数组的填充。例如,一旦我将 Bicycle Frame 分配给索引 0 并将 Handle Bars 分配给索引 1,一个线程可以填充 Bicycle Frame 的数组元素,而另一个线程填充 Handle Bars 的数组元素。

好的,我想在澄清这一点时,我已经回答了我自己的问题,所以感谢 Davide。所以我发布了我自己的答案

0 投票
2 回答
1038 浏览

drawing - 在网站上绘制面板?

在网页中制作绘图面板的最佳方法是什么。我想知道如何开发一些非常简单的东西,例如用户可以在其中绘制签名的小面板。

这是一个很好的例子drawhere.com,但我需要一些更简单的方法。谢谢

0 投票
2 回答
1278 浏览

c# - 如何更快地刷新控件?

我在 C# 中有一个自定义控件。我注意到调用Refresh比我想要的慢得多(大约 0.1 毫秒),即使我有一个空RePaint函数。基本上,我的应用程序处理一个网格,并一个一个地刷新每个网格单元。这种相当低效的行为是设计使然。启用后,我希望能够实际查看每个处理步骤所做的工作,并且每个步骤最终只会更改一个单元格。切换双缓冲没有太大区别。

任何人都可以提供任何建议吗?

目前,我想出的最佳改进是将我Refresh的呼叫替换为对Refresh2. 后一个函数是 的精确副本Repaint,除了在顶部添加两行Graphics g = Graphics.FromHwnd(this.Handle); g.Clear(BackColor);并替换e.Graphicsg. 我怀疑这有一些缺点,但它确实将绘图速度减半。请注意,我正在使用的控件没有子组件,因此验证之类的事情并没有那么重要。

0 投票
5 回答
5720 浏览

iphone - 核心动画还是 OpenGL ES?

我想做以下事情:

点击屏幕并在点击的点周围绘制 3 个 cricles。使用 Core Animation 或 OpenGL ES 会更好吗?

我从哪里开始?