问题标签 [custom-painting]

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

c# - 如何通过提供一个单一的 int 值而不是一直更改所有值来更改图像大小?

在 InitImage 中,我在这种情况下设置了三角形的大小:

我想保持三角形的形状,但更容易改变它的大小。所以我想使方法类似于:

只改变大小的东西要容易得多。

这是我在 TreeView 节点中使用它的位置和方式:

0 投票
0 回答
46 浏览

javascript - 为什么我不能通过使用 ctx.globalCompositeOperation = "xor"; 绘制两次来删除虚线圆(弧)?

我想用纯 JavaScript 在画布上制作一个虚线圆圈,它会随着鼠标指针移动。圆圈没有(实心)填充。我以为只要再涂一遍ctx.globalCompositeOperation = "xor";就可以删除它,但这不起作用。为什么不?我现在需要使整个边界矩形无效吗?

在 html 中:

我曾希望,当使用 xor-paint 第二次(或偶数次)绘制圆时,就在旧圆的顶部,它会被有效地移除,显示原始背景。

当鼠标移动时,我需要删除圆圈并在新位置重新绘制它。(我稍后会处理鼠标移动)。

0 投票
1 回答
161 浏览

java - 使用按钮和鼠标来控制画板

我正在做一个应该像 Paint 应用程序一样工作的 GUI。我当前的问题是为我的画线和画矩形按钮添加适当的功能。他们目前没有像我预期的那样工作。帮助将不胜感激。

我搜索了许多关于学习如何绘制形状的代码片段,但没有一个显示如何根据按钮是否激活它们来使它们工作,以及如何从画线切换到画矩形。

如果我单击线条按钮以绘制线条,或者按下矩形按钮而不是绘制矩形,我需要程序正确响应。

0 投票
1 回答
2639 浏览

flutter - Flutter 使用 CustomPainter 绘制心形

我想知道是否有人对如何开始使用 CustomPainter 绘制心形有任何指示。我已经设法画出三角形和正方形或基本圆形之类的东西,但心脏当然既有直线也有曲线。

我有这个画一个三角形,看起来有点像一颗心,但不知道如何获得心形所需的曲线。

它也只是一块颜色,但我真的需要在形状周围加一个边框。这是我的预期输出,不知道是不是一厢情愿。

在此处输入图像描述

0 投票
1 回答
1534 浏览

flutter - Flutter Custom Paint 与路径交叉,但带有渐变和圆角

我刚开始接触自定义画家,我已经创建了一个基本的十字架,但不知道如何使角落变圆并使颜色成为渐变?

似乎需要一个渐变createShaderrect但我没有,因为我使用了路径。

我也想把十字架的拐角弄圆一点,但不知道是怎么做的。我考虑过创建矩形,但似乎也无法创建倾斜的矩形。

我也有paint1它添加了一个边框,但它看起来不太好,因为每个多边形都是一个单独的对象。

0 投票
2 回答
2519 浏览

android - (颤振)CustomPaint 小部件的弯曲边缘

这就是我想要构建的:

(只看形状appBar而不是内容)

在此处输入图像描述

这就是我所拥有的:

在此处输入图像描述

我希望边缘是弯曲的,而不是那么锋利。

这是我的代码CustomPaint

我如何实现这个弯曲的边缘?

我试过point.arcToPoint()and point.quadraticBezierTo(),但没有成功。

0 投票
3 回答
4485 浏览

canvas - Flutter:如何在 Canvas 上绘制图标?

我正在使用 aCustomPainter像这样在 Flutter 中绘制:

怎么画Iconcanvas

0 投票
0 回答
254 浏览

flutter - 你将如何在颤动中创建一个细胞环?

我想创建一个小部件(我知道它必须是 CustomPainter)来绘制这样的东西:

在此处输入图像描述

请注意,有 n 个同心圆。主要问题是我需要在需要用不同颜色重新绘制每个单元格时访问/绘制每个单元格。我一直在检查 CustomPainter 画布类,唯一能满足我需求的是绘制弧线。但是,我无法为弧线提供宽度(我认为我可以为每个单元格绘制一个平局)。

我最后的手段是使用代表细胞的图像/精灵。这样我就可以沿圆形路径复制和转换它以获得类似图像的东西。但我不喜欢这个主意。

以前有没有人在颤振中完成过这个?

0 投票
1 回答
542 浏览

java - Java:Pacman 与墙壁的碰撞检测

我一直在尽力解决 Pacman 和墙壁之间的碰撞检测,但是我的实现似乎无法正常工作

  • 碰撞检测是否有效?是的
  • 它的行为是否正确?不
  • 它目前表现如何?当你撞到墙时,它会阻止 Pacman 移动,这没关系,但是任何新的按键移动只会改变图像轴(向上、向右、向下或向左,取决于按键),它不会将 Pacman 移动到其当前位置之外撞墙后。

任何帮助将不胜感激。提前致谢

游戏面板.java

播放器.java

0 投票
1 回答
359 浏览

c# - TabControl 自定义标签栏背景颜色

我有一个 TabControl,我需要自定义标签颜色。为此,我将 DrawMode 设置为 OwnerDrawFixed,并覆盖了 DrawItem 事件。但是,当我更改 DrawMode 时,选项卡栏的透明度似乎被替换为灰色。我需要让它再次透明,或者将颜色显式更改为主页背景颜色,但我不知道如何做到这一点。

在此处输入图像描述

我可以在 OwnerDrawFixed 和 Normal 之间来回切换,并且在设计模式下可以看到透明度的变化,但即使在正常情况下运行,我也会得到灰色的标签栏背景。

我的覆盖代码如下。

我也希望删除选项卡框周围的灰色边框,但除了在其顶部进行绘画之外,似乎没有一个好的方法可以做到这一点。有没有更好的办法?