问题标签 [drawing2d]

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 回答
771 浏览

c# - 在 Windows Phone 8.1 上将 Ellipse 或 EllipseGeometry 转换为 PathFigure

我偶然发现将 Ellipse 转换为 PathGeometry。我尝试使用 ArcSegment 来呈现 Ellipse,但仍然不知道如何将 Ellipse 大小转换为 ArcSegment 大小。我试图将椭圆分割成两部分,但还有其他方法,即贝塞尔曲线。需要线索如何将 Ellipse 转换为 ArcSegment 集合。整个过程可能是这样的:

0 投票
0 回答
143 浏览

matrix - 使用矩阵移动对象(2d,f#)

我想知道是否可以使用矩阵移动对象(例如球体)。我创建了一个类型: Ball 并添加了一个方法:

m在哪里Drawing2d.Matrix()

关于我写的 Paint 方法:

但我没有更新 Ball 对象,我只是在翻译视图......我怎样才能移动球呢?

0 投票
1 回答
502 浏览

c# - C# 位图到 PictureBox 不能正常工作

我正在尝试制作一些渐变并在图片框中预览它而不保存,但它似乎不起作用:

这是运行这部分代码后pictureBox的样子:

0 投票
2 回答
784 浏览

javascript - 如何从 pixijs 导出 svg

是否可以从小精灵合成中渲染 svg?我正在做一个项目,我将在其中绘制生成图形,然后我必须将它们以某种矢量格式制作,因为这将被打印出来。我很乐意获得 svg 或其他一些矢量格式。

我用 pixie 做这件事的原因是我稍后会在公司网站上使用这些作品作为动画。

0 投票
2 回答
113 浏览

c# - 以不正确的角度绘制的线条和形状

我有 ac# 程序,我需要在画布上绘制一些简单的 2D 对象。

其中之一涉及在我知道起点、长度和我必须计算结束位置的地方绘制一个矩形和线条。所以我有以下代码;

现在这似乎可以正常计算终点。我遇到的问题是角度(this.StartAngle),我指定的值似乎不是它的绘制方式,我似乎有以下内容;

圆度数

我期望顶部为 0,右侧为 90,底部为 180,等等。

因此,要获得一个可以直接在画布上绘制的形状,我必须指定 90 度,而我希望指定 180 度。

我做错了什么吗?还是只是缺乏理解?

0 投票
3 回答
1495 浏览

java - paint() 方法不会在 JPanel 上绘制

我尝试了一些用java绘图的源代码,它们工作正常,但是当我尝试自己制作一个时,我无法让该paint(Grahpics g)方法工作!我再次查看了我拥有的代码并检查了 Oracle 页面中的一些教程,但我似乎不知道为什么它不起作用。有人可以检查一下并告诉我这里有什么问题吗?

主方法:公共类主

木板:

汽车.java:

没有错误,它显示了正确的图像宽度,计时器也触发了ActionListener,也KeyListener正在工作,但图像不会绘制!该paint(Graphics g)方法只是不想被触发!谷歌搜索没有帮助..我认为这将是一个常见问题,但没有人遇到我的问题,所有解决方案都失败了。请帮忙?如果有人可以解释,将不胜感激!

0 投票
1 回答
1131 浏览

.net - 将图像、背景和文本合并为单个图像

我在这里找到了这段代码:

stackoverflow上,效果很好。但是,我需要在背景中使用透明的 PNG 图像,并改变背景颜色。

它目前的样子:

在此处输入图像描述

我正在寻找它的样子:

在此处输入图像描述

添加的PNG图像是这样的:

在此处输入图像描述

我希望对图形调用有更多了解的人可以让我知道如何去做。

0 投票
1 回答
117 浏览

.net - 将绘制的图像修改为圆角矩形

按照此处的代码,我试图弯曲矩形的边缘,使其不完全是正方形。

它现在的样子的一个例子:

在此处输入图像描述

我正在寻找它做什么:

在此处输入图像描述

使用此代码:

我有一个看起来不正确的图像:

在此处输入图像描述

完整代码:

0 投票
1 回答
4228 浏览

javascript - 画布上的动画矩形

我正在尝试为水平条形图绘制动画。它会慢慢绘制,一旦完成绘制第二个。就像 chart.js 一样。它不必那么先进。我只是想学习画布绘图+动画。我正在使用ctx.fillRect,我不确定这是否可以动画。

更新:在我的第二个片段中,我在 fillRect 周围添加了一个超时。它为栏设置动画,但现在 position.Y 似乎没有在正确的时间更新。这些条被绘制在彼此的顶部。

0 投票
0 回答
56 浏览

c# - System.Drawing 质量问题与大偏移矩阵

当绘图矩阵具有较大的偏移值时,我遇到了绘图文本和基本图形绘图操作没有正确放置和质量的问题。我尝试了数字 SmoothMode、InterpolationMode 和 TextRenderingHint 选项,但没有成功。

当您运行此代码时,您将获得以下输出:ClosePointDrawing.png

您会注意到文本看起来不太好(有些失真),并且当使用 1 像素笔划时,圆圈周围的黑色笔触轮廓仅与其蓝绿色填充的圆圈正确对齐,左侧的那个圆圈. 右边的一个使用 2 像素的笔画。您还会看到红色方块没有与蓝绿色圆圈对齐,它们应该完全封装它。

现在,如果您更改代码中的前几个值,使其不使用大偏移量,如下所示: float x = 0, y = 0; PointF anchorPoint = new PointF(150, 50); PointF anchorPoint2 = new PointF(50, 50);

您将得到以下输出:ClosePointDrawing2.png 请注意,文本看起来好多了,笔触与实心圆圈和红色方块完美对齐。

有什么可以做的,以便它可以用更大的矩阵正确渲染它?