单击按钮时更改画布填充颜色
基础概念
在Web开发中，画布（Canvas）是一个HTML5元素，用于在网页上绘制图形。通过JavaScript，你可以控制画布上的绘图操作，包括更改填充颜色。
相关优势
- 灵活性：Canvas提供了丰富的绘图API，可以实现各种复杂的图形和动画效果。
- 性能：Canvas是基于位图的，适合处理大量的图形数据，性能优于基于矢量的SVG。
- 交互性：通过JavaScript，可以实现用户与画布的交互，如点击按钮更改颜色。
类型
- 2D Canvas：用于二维图形的绘制。
- WebGL：用于三维图形的绘制，基于OpenGL ES。
应用场景
- 数据可视化：如折线图、柱状图、饼图等。
- 游戏开发：如2D或3D游戏中的图形渲染。
- 动态网页：如交互式的图表、动画效果等。
示例代码
以下是一个简单的示例，展示如何在单击按钮时更改2D Canvas的填充颜色。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Change Canvas Fill Color</title>
<style>
canvas {
border: 1px solid black;
}
</style>
</head>
<body>
<canvas id="myCanvas" width="200" height="200"></canvas>
<button id="changeColorBtn">Change Color</button>
<script>
const canvas = document.getElementById('myCanvas');
const ctx = canvas.getContext('2d');
let currentColor = 'blue';
function draw() {
ctx.fillStyle = currentColor;
ctx.fillRect(0, 0, canvas.width, canvas.height);
}
document.getElementById('changeColorBtn').addEventListener('click', () => {
currentColor = currentColor === 'blue' ? 'red' : 'blue';
ctx.clearRect(0, 0, canvas.width, canvas.height);
draw();
});
draw();
</script>
</body>
</html>参考链接
常见问题及解决方法
- 画布不显示：
- 确保
<canvas>元素已正确添加到HTML中。 - 检查CSS样式，确保画布没有被隐藏或覆盖。
- 确保
- 颜色不更改：
- 确保JavaScript代码正确绑定到按钮点击事件。
- 检查颜色变量是否正确更新，并重新绘制画布。
- 性能问题：
- 对于复杂的图形或动画，考虑使用WebGL或优化绘图操作。
- 使用
requestAnimationFrame进行动画渲染，以提高性能。
通过以上示例和解释，你应该能够实现单击按钮时更改画布填充颜色的功能，并了解相关的基础概念和常见问题解决方法。
相关·内容
4回答
我正在开发一个WPF MVVM应用程序。它有一个从画布继承的自定义画布类。有一个窗口，其中一个定制画布放置(使用XAML)，它的背景颜色设置为Transaparent。使用DrawingVisuals将图形绘制到画布上，绘制基本形状，并将它们作为视觉子元素添加到可视化树中。这样可以将我的形状呈现到屏幕上。
我在后面的窗口代码中向画布中添加了一个鼠标向上事件。当我单击画布上的任何位置时，除了画出的视觉线或填充形状的彩色区域外，都会引发火灾。要明确：
如果我单击绘图形状的外部，即在画布的背景上它会触发。，如果有一个未填充的矩形，并且我单击里面的空白区域，则鼠标向上开火。，如果我单击矩形的边框，它不
浏览 0提问于2012-03-27得票数 2
回答已采纳
1回答
背景颜色必须随我所画的颜色而改变。
因此，如果我在画布上使用红色绘图，我想单击clear按钮，画布div将清除所有绘图，并将背景颜色更改为红色。
这是我目前所拥有的，但我不知道如何将颜色更改为我所选择的颜色
function ClearCanvas(sColour) {
DebugMessage("Clear Canvas");
const context = oCanvas.getContext('2d');
context.clearRect(0, 0, oCanvas.width, oCanvas.height);
docu
浏览 0提问于2018-11-12得票数 0
我正在编写一个小的coffeescript/js应用程序，允许用户设计图标( 16x16像素或32X32像素)。该图标实际上是一个带有彩色单元格的二维数组。单元格可以有颜色，也可以是空的。
我希望用户能够用“桶漆”工具填充空白单元格。
这意味着
如果用户单击空白单元格，则单击单元格旁边的所有空白单元格都将填充所选颜色，直到用户单击彩色单元格时，到达彩色单元格，所有单击单元格旁边并共享相同颜色的单元格都将被填充，但不填充空白单元格或有色单元格(另一种颜色)。
该应用程序已经允许用户用选定的颜色逐个填充单元格，或者用钢笔工具删除彩色单元格。
有什么建议吗？
(ps :我不是用html画布画的)
浏览 3提问于2012-02-16得票数 2
回答已采纳
2回答
在我的布局中，我有一个AppCompatRadioButton。用app:buttonTint，我把按钮变成白色。如果我检查AppCompatRadioButton，圆圈的填充颜色也是白色的。在选中按钮时，如何仅更改圆圈的填充颜色？例句:单击后，圆圈是白色的，圆圈的填充颜色将改为红色。
浏览 1提问于2018-08-09得票数 2
回答已采纳
我是HTML的新手。只是为了好玩。通过观看YouTube教程，我用HTML制作了一个绘图画布。
代码是在这里模拟的：
我面临两个问题：
当我清除画布时，画笔不能正常工作，如图像所示。
当我画或超过画布边缘时，画笔仍然拖在画布中。我要它停止画，因为它接触边缘。我该怎么做呢？
*{ -moz-框-大小:边框；框-大小:边框；字体-家庭:sans-serif；用户-选择:无；-webkit-用户-选择:无；}#工具原{宽度:329 0px；高度:40 0px；填充:10 0px；位置:相对；顶部:0 0px；背景颜色：#2f2f2f；颜色:白色；}} .radcontrol{宽度:
浏览 2提问于2016-10-03得票数 1
回答已采纳
1回答
Tkinter canvas.postscript没有保存画布背景。 在整个Python代码中使用的画布大小： w = 800
h = 600 要分配给“保存画布”按钮的函数： def save_canvas():
canvas.update()
canvas.postscript(file= r'Z:\\...\FILE.ps', height=h, width=w, colormode='color') 当我单击具有save_canvas命令assign的按钮时，保存的文件没有在小部件中分配的背景。我把颜色改成了橙色，绿色，等等，在上面画
浏览 25提问于2019-06-09得票数 1
我有一个充血填充画布的算法。我正在尝试将其与fabricJS结合起来。所以这就是两难问题……我创建了一个fabric.Canvas()。其创建包装器画布以及上层画布画布。我在画布上单击以应用我的Floodfill()。这个效果很好，并且适用于我的颜色。但是，只要我拖动画布对象，或者向画布添加其他对象，颜色就会消失，看起来就像是重置了排序。
知道为什么会这样吗？
浏览 0提问于2016-08-24得票数 0
5回答
如何用一种颜色填充整个HTML5 <canvas>。
我看到了一些解决方案，比如使用CSS改变背景色的，但是这不是一个很好的解决方案，因为画布仍然是透明的，唯一改变的就是它所占用的空间的颜色。
另一个方法是在画布中创建带有颜色的东西，例如，一个矩形()，但它仍然不能用颜色填充整个画布(以防画布比我们创建的形状大)。
是否有一个解决方案来填充整个画布的特定颜色？
浏览 4提问于2015-01-02得票数 141
回答已采纳
2回答
根据我的设计，我有6个按钮，在这些按钮上面有2个方形布局(就像一个空盒子)
这些按钮表示每种颜色和一组双值。
例如：
5.0 => brown btn
25.0 => red btn
50.0 => black btn
75.0 => blue btn
100.0 => violet btn
200.0 => green btn
当用户单击一个按钮并点击任何一个空框时，该框将被填充相应的双值(例如，我将在每个步骤中解释这一点)：
如果用户单击25 (红色按钮)并点击任何一个框，该框将填充25个文本和背景中的红色颜色。
如果用户再次点击同一个
浏览 1提问于2014-01-05得票数 1
回答已采纳
1回答
我有一张画有图像的画布。
当用户点击图片时，我需要找到用户点击的颜色区域。区域被定义为一组4向连接的像素，其颜色与所单击的像素相同。
我需要一个可以用来在画布上设置剪切路径的形式的区域，这样我就可以用渐变等填充该区域。
有没有找到边界的有效算法？比泛洪填充算法更优的东西(我不需要填充，我只需要在我的区域内找到一条路径)。
浏览 1提问于2012-04-15得票数 6
回答已采纳
1回答
如何使html5画布填充文本具有交互性？我希望它们的行为是这样的:当鼠标悬停在它们上面时，它们应该显示不同的颜色，当鼠标单击它时，它应该执行一些脚本。
浏览 0提问于2012-11-23得票数 0
2回答
我有一个Windows Store应用程序，它有一个画布，用户可以使用在上面绘制。在底部的应用程序栏中有一些用于选择颜色、笔触粗细等的按钮。这些按钮是通过显示包含例如颜色选择器的弹出元素来实现的：
<Page.BottomAppBar>
<CommandBar IsSticky="True">
<AppBarButton ...>
<AppBarButton.Flyout>
<Flyout>
<
浏览 2提问于2014-05-19得票数 1
1回答
我有一个用户可以在其上绘图的HTML画布元素，我希望在单击刷新图标时更改画布的填充颜色，并根据主体ID将其设置为不同的颜色。 目前，onClick函数正在更改主体ID和主体颜色，但它没有更新画布填充颜色。有没有人有什么想法。 我对HTML canvas还是个新手，以前也没怎么用过，所以如果能帮上忙，我将不胜感激。 我认为这段代码是错误的。 function refresh() {
const colors = ["blue", "red", "green", "pink"];
const random = M
浏览 9提问于2021-02-12得票数 0
2回答
更改画布元素的颜色
、、、
我正在尝试动态地改变画布上的线条的颜色…
ctx.moveTo(0, 0);
ctx.lineTo(0, 200);
ctx.strokeStyle = "Grey"
它可以是鼠标悬停事件，也可以是按下按钮或鼠标单击事件，我想要更改线条的颜色或使其加粗。是否可以通过添加事件来更改颜色，或者是否可以在特定元素上为事件指定样式？
浏览 0提问于2011-04-26得票数 0
回答已采纳
1回答
所以我有一个用110个对象填充的画布，这些对象继承自文本块，每个对象都有自己的单击事件和鼠标悬停事件。单击将允许用户通过单击按钮来更改对象背后的属性。
示例：
用户单击要更改其数据的对象。然后，他们将单击另一个按钮，该按钮将对应于该按钮背后的数据的特定更改...即用户点击标记为"105“的对象，并将其"binCode”属性从0改变为1。
如何允许用户单击/选择/突出显示多个对象以允许他们一次更改所有数据。在许多情况下，整行对象都需要完全相同的数据更改。让用户连续做同样的事情10次，而他们应该能够突出显示整行并单击一次按钮，这是低效的。
任何帮助都会很好，我真的不知道如何去做这件
浏览 0提问于2013-02-22得票数 0
回答已采纳
3回答
我正在做一个程序，画一些形状，并用颜色填充它们。我需要改变‘线’的颜色，并希望用户能够选择的颜色。
单击“选择颜色”按钮时，如何让一组颜色显示在该按钮的下方？是否可以将选择器嵌入到按钮下方的UI中(而不是在窗口中弹出)？
我想显示一个颜色选择器，就像在画图中一样。
浏览 1提问于2014-10-26得票数 5
回答已采纳
2回答
我试着让我的单选按钮看起来像复选框。我已经把它弄好了，但当我试图用颜色填充它时，我面临的问题是。表示在默认阶段它是白色的，而当我单击它时，它会填充黑色。但现在我想让它成为基于标题的不同颜色，当我单击它时，它应该只填充该颜色。我该怎么做呢？
<label class="active">
Email
<span></span>
<input type="radio" name="n1" value="email" checked>
</label>
<la
浏览 0提问于2018-01-06得票数 0
我有一个按钮和一个椭圆，我需要改变相同椭圆的填充颜色在三个连续点击，例如第一点击-填充颜色是红色，第二点击-黄色和第三点击-绿色。如何使用按钮单击的单个事件处理程序来完成此操作？
浏览 4提问于2015-04-13得票数 0
回答已采纳
我正在填充一个ExpandableListView，当用户单击该项目时，子项目将打开。我可以有一个名为收藏的子项吗?当用户点击此列表时，它将成为收藏，并且在单击收藏按钮后，这些列表视图的颜色会发生变化。如何做到这一点，任何帮助都是很好的。期待您的回复。谢谢。
浏览 4提问于2012-02-21得票数 0
我有一个有一个大画布的页面，以及一个由多个代表不同图表的div填充的菜单。每次单击菜单中的div时，画布上的图表都会发生变化。
将相同的画布分配给不同的图表会使画布在鼠标移动时变得异常。
每当单击菜单中的图表时，我尝试运行chart.update()并清除画布，但问题仍然存在。
浏览 2提问于2019-11-05得票数 0
回答已采纳
calling button.selected = true不会用浅色填充整个按钮帧。
预期结果
该按钮应完全使用选定状态下的色调颜色填充。
实际效果
色调的颜色只在按钮中填充文本周围的区域。
当按钮处于选定的(或任何其他)状态时，如何用颜色填充整个按钮帧(区域)
浏览 1提问于2016-05-17得票数 0
回答已采纳
1回答
我有一个画布&使用fabric js，点击bg_img按钮一个透明的svg图像设置到画布作为背景图像，我也可以很容易地改变画布的背景颜色，同样我想动态改变这个背景svg图像的填充颜色。
//set SVG image to canvas background
$("#bg_img").click(function() {
$('.lower-canvas').css("background-image", "url(admin_svg/BB_birds_in_flight.svg)");
var svg =
浏览 17提问于2013-09-19得票数 1
1回答
我想为我的网站实现背景橡皮擦功能。我用画布做的。我可以将图像数据放入画布中，并从画布中获取图像数据。
我已经实现了从特定地方移除颜色的洪水填充算法。
我在这里试过：
`http://jsfiddle.net/Mark_1998/boz43x87/`
在我搜索了太多之后，我发现这个算法中没有去掉黑色，
作为洪水填充算法的一种规则，如果目标颜色和替换颜色相同，则会返回函数(不再处理)。
对我来说，这里也是一样的。简言之：
目标颜色: rgba(255,0,0,145) ->替换颜色: rgba(0,0,0,0)；->工作良好(移除红色并设置透明黑色)目标颜色:rgba(0，0,255)
浏览 1提问于2019-11-27得票数 2
2回答
改变SVG的css不做任何事情
、、、、
所以我有两个“内联”svg，一个用于男性，另一个用于女性。我已经将它们嵌入到HTML including的php文件中。我有两个按钮“男性”和“女性”，每个按钮都可以在点击时显示各自的SVG。默认情况下，可见的SVG是男性的，单击女性按钮时，它会将男性的css属性visibility更改为隐藏，将女性的属性更改为可见，反之亦然。
但是，单击按钮时，母<path id="base"/>的填充颜色不会发生变化，而公<path id="base"/>的填充颜色会发生完美的变化。令人尴尬的是，两者都有相同的id="base"，通过
浏览 7提问于2014-09-04得票数 0
1回答
Python画布颜色按按钮更改
、、、、
我是一名python自学者。我被一些练习卡住了。我的想法是创建一个弹出的GUI与按钮，可以改变画布的颜色。
from Tkinter import *
import ttk
import tkMessageBox
root = Tk()
root.title("Colour!")
canvasColor = "yellow"
def buttonRed() :
canvas = Canvas(root, bg = "red", height=100, width=100)
canvas.grid(row=0,column=
浏览 1提问于2018-03-23得票数 1
2回答
在画布中填充一部分绘制的图像
、、、、
我使用drawImage() html5画布的api绘制了一个图像。现在，我想用不同的颜色(单独的框，个人的颜色)填充画上的图像的空白。我该怎么做呢？我使用的是html5画布和jquery。
我想用不同的颜色填充空白，而这些空白不是适当的矩形框。
提前谢谢。
浏览 5提问于2013-09-29得票数 3
回答已采纳
1回答
我有一个加载XAML文件并在ContentControl中显示它的应用程序。我还想实现一种方法来遍历加载到控件中的XAML代码，并用我找到的画布的名称填充列表框。
这个小应用程序的主要任务是使用户能够更改特定画布及其元素的颜色。这意味着我有10个画布，每个画布都包含一些<Path>元素。我想为用户提供一个在XAML代码中找到的画布列表，对于每个画布，用户将能够更改其填充颜色(例如)，如果用户更改了特定画布的填充颜色，则该画布的子元素也会将其" fill“属性更改为选定的颜色。
我没有找到遍历Canvases或Path元素的方法，所以如果有人能做到这一点，我将很高兴听到。
谢
浏览 0提问于2011-11-22得票数 0
回答已采纳
2回答
假设我有一个带有颜色属性的Button类。我还有一个画布类，它存储所有的按钮。每次更改颜色时，都必须进行一些附带操作(在本例中，为了简单起见，将引发计数器)。详情如下：
class Canvas {
buttons: Array<Button>;
counter: number = 0;
foo() { this.counter++; }
createButton {
button = new Button();
this.buttons.push(button);
return button;
浏览 0提问于2019-05-31得票数 -1
我想让我的肚脐改变背景颜色时，离开画布菜单打开，并恢复到原来的颜色，当离开画布是关闭。我成功地找到了在启动后应用到离开画布菜单上的类，并使其正常工作，唯一的例外是，如果您单击导航栏或DOM中的其他任何位置，同时让离开画布打开，颜色仍然会发生变化:(我希望得到一些帮助，防止颜色在DOM中随机单击时发生变化，并且只有在脱机画布按预期关闭时才会更改颜色。你可以在这里观看：
const navBar = document.querySelector("#offcanvas-navbar");
const fixedTop = document.querySelector("bo
浏览 5提问于2022-11-29得票数 2
回答已采纳
1回答
获取选定的控件
、、
我有一个“画布”(这只是一个面板控件)，用户可以点击一个按钮来添加某些控件到画布，即标签，链接标签，图像等……然后他们可以编辑这些控件，就像他们可以编辑刚刚添加的标签的文本一样……
但是我试着让他们为他们点击的控件选择一种新的字体和一种新的颜色，但它并不总是有效的，尽管它应该是...
我的代码是：
private string SelectedControl;
当我单击控件时：
private void label_Click(object sender, EventArgs e)
{
Label label = (Label)sender;
SelectedControl =
浏览 1提问于2009-10-07得票数 2
我刚刚开始使用HTML5，并且我有一个绘图程序，用户可以通过单击鼠标按钮并像画笔一样拖动光标来填充画布。我希望能够计算出画布当前被笔填充的百分比。我怎么能这样做呢？，谢谢！
浏览 0提问于2012-09-28得票数 5
回答已采纳
我正在用纯ActionScript 3.0在Flash3.0中编写一个像简单程序一样的MS涂料
一个工具栏，允许您选择什么形状(星星，心脏…)你想画画
另一个用于颜色选项的工具栏，其中每个按钮都是颜色(红色、绿色)。一共有10种颜色。
然后是画布，点击时会在那里绘制形状。
我有以下课程
class Main extends sprite
class ColorButton extends sprite
class ShapeButton extends sprite
class Star() extends sprite // star object to be adde
浏览 3提问于2010-03-24得票数 0
我正在用tensorflow.js.制作一个颜色分类器训练的方法是在画布上显示颜色，有10个按钮，其中有10个与之相关的颜色，用户需要单击其中的任何一个按钮来选择颜色。从按钮中获取输入，对颜色进行规范化并应用tf.oneHot，张量如下所示。rgb颜色和标签
Tensor
[[0.772549, 0.3568628, 0.9098039],]
Tensor
[[1, 0, 0, 0, 0, 0, 0, 0, 0, 0],]
然后，我们采取的颜色和训练模型。每次用户单击按钮时，模型都会得到训练并变得更好。这是我的模型配置
const model = tf.sequential
浏览 0提问于2018-08-03得票数 1
回答已采纳
5回答
Chrome与FF按钮点击行为
、、、、
我使用按钮上的:active伪类来更改单击时的填充和边框颜色。这在视觉上模仿了按钮的按下。
在FF工作。不过，在Chrome中，点击并不总是会被记录下来。具体地说，如果您单击并按住按钮内的文本，然后将文本拖出(但仍在按钮内)，则不会触发单击。如果您在填充中单击，然后拖动到文本中，情况也是如此。
我读过关于FF和Chrome的按钮和填充的奇怪的东西，但我不知道如何解决这个问题。
浏览 3提问于2012-05-16得票数 13
回答已采纳
我试图为我的SVG实现以下目标：
part)centering响应( responsive )(在svg元素上使用viewBox，在svg元素上没有宽度/高度，这很好)的垂直和水平中心(硬，SVG应该保持原来的纵横比)。
我制作了一个用于演示的jsfiddle演示(因为内置的所以代码片段更容易导航)： (确保在设置下将编辑器布局设置为正确的结果，这使得通过拖动瓷砖分隔线来更改画布大小变得更容易)
正如你所看到的，画布位于最上面，它是水平填充整个视口的宽度，这使得它在技术上以水平为中心。此外，如果您单击按钮，黑色矩形将移动离开画布一半，这是我想要的行为。
现在，我尝试通过添加以下CSS (在js
浏览 0提问于2021-03-22得票数 0
回答已采纳
4回答
列表视图项中有某些条目。在那里，我有一个简单的“喜欢按钮”(不是facebook喜欢按钮)。您可以看到上面提到的屏幕截图，以供参考。我点击喜欢按钮的那一刻，我想要改变喜欢的按钮颜色，当我再次登录时，喜欢的按钮的颜色应该保持不变。
此外，所有条目都必须使用json使用cust_id、bus_id、Offer_id填充数据库，这一点我非常清楚。
当我再次单击相同的按钮(如按钮)，其颜色已被更改。必须将其更改为默认颜色，并且必须从数据库中删除数据。
我怎样才能做到这一点.？1.如何获得点击按钮的值。2.如何将已更改的颜色恢复为默认值；一旦重新单击按钮。
请建议我..。
这是按钮代码
hol
浏览 6提问于2014-04-09得票数 8
回答已采纳
我想操纵瓷砖层的颜色。我找到了三个解决方案，都不够。
解决方案1: I使用一个图像层(ol.layer.Image)，它使用光栅源(ol.source.Raster)，其颜色可以被操纵。请参阅OpenLayers的示例。一旦图像呈现，缩放和缩放是平滑的，因为图像的像素不是在每个帧上被操纵；图像只是调整大小。缺点是，当缩放时，图像会变小，直到它不再填充画布。只有当缩放停止时，它才会完全重新绘制以填充画布。此解决方案无法使用，因为我的用户应该始终查看所有可用的地图数据，即使在缩放时也是如此。“放大，等待，填充画布”循环太分散注意力了。
解决方案2:扩展解决方案1，我在图像层下面添加了一个平铺层，以
浏览 0提问于2018-05-09得票数 1
我已经在网上和这个论坛搜索了几天，但仍然没有找到我的问题的答案。
事情是这样的:我正在构建一个wp7应用程序，我创建了两个页面；第一个页面上有一个网格和一些按钮；第二个页面上将有一个画布和一个墨水颜色选择器，用户可以在空白区域上绘制。我为用户创建了一个NavigationService，用于单击按钮并导航到第二个页面。但现在我希望，当用户单击此按钮时，将在导航的页面上加载特定的图像，以便用户可以在画布中在该图像上进行绘制。
浏览 1提问于2011-09-22得票数 0
2回答
在几次点击按钮后，我一直在画布上画不同的矩形。它应该显示不同颜色的矩形，并且在每次单击按钮后，该矩形应该保留在画布上。矩形应该能够在画布上移动。我已经编写了View类，但我不知道如何在按钮单击后对activity实现onDraw()方法，也不知道如何创建不同颜色的矩形。
我的main.xml文件上有4个按钮。
public class DrawRectangle extends View {
public DrawRectangle(Context context){
super(context);
}
@Override
protected void onDraw(Canva
浏览 0提问于2013-12-18得票数 1
回答已采纳
2回答
更改画布上的文本阴影样式
、、、、
我正在使用fabric在画布上更改文本对象的文本阴影，
textShadow: 'rgba(0,0,0,0.3) 5px 5px 5px'
这在上面的代码中工作，但当我尝试将它设置为另一种颜色时-单击另一个按钮的阴影它不起作用。
$("#txt_strength").change(function () {
console.log('strength called');
var obj = canvas.getActiveObject();
if (!obj) return;
obj.set('t
浏览 1提问于2013-08-30得票数 1
我正在使用Konva库来绘制画布并将图像拖放到画布上
我的问题是如何使用Konva选择画布的一部分并为所选部分填充颜色
1)用户通过拖动鼠标选择一个部分2)填充他想要的颜色到选择的部分
浏览 2提问于2018-04-11得票数 0
我试图用这个层次结构编写一个简单的主菜单页面：
MainMenu (an empty game object)
↳ Canvas
↳ PlayButton (a TextMeshPro Button)
我希望按钮在单击时禁用层次结构中的“MainMenu”对象，从而隐藏它的画布子对象和按钮。为此，我提供了对Button的OnClick()回调的OnClick对象引用，并在单击时将'GameObject.SetActive‘调用为false。
我的问题是，当我单击该按钮时，MainMenu层次结构在编辑器中会变灰，但是按钮会保持其黄色高亮显示的颜色。如果我在游戏模式下更改
浏览 4提问于2022-06-17得票数 0
回答已采纳
我想要创建一个由5x5单元格组成的TKinter画布，您可以在其中单击任何单元格并更改颜色。为了简单起见，我们只处理黑人和白人。我想使用一个2d5x5数组来创建这个数组，该数组从所有0开始，指示所有白色。当您单击画布上的单元格时，它应该将2d数组上的相应位置更改为1，并将颜色更改为黑色。这是我到目前为止所拥有的。我只是不知道如何在2d数组和画布之间建立连接。另外，如何用可点击的单元格填充画布？
from tkinter import *
class CellArray():
def __init__(self, root):
self.board = [[0, 0,
浏览 2提问于2014-11-18得票数 3
回答已采纳
如何填充低于或高于阈值的颜色。目前阈值插件改变了线的颜色，但我需要填充的颜色在数据系列(例如:以下:5或以上:5)时，线是绘制在画布上使用flot折线图。有没有人能推荐我。谢谢
浏览 0提问于2013-07-24得票数 2
我需要用一个颜色名称数组填充下拉列表。下面是我的HTML和js代码，但是当我实际按下下拉时，所有的颜色都不会出现，当我点击颜色时，画布的颜色不会改变。它还需要有一个按钮，以清除画布时，按下。
<!DOCTYPE html>
<html lang="en">
<head>
<title>Project 3</title>
<meta charset="utf-8">
<meta name="description" content="Project 3"&
浏览 1提问于2017-12-02得票数 0
回答已采纳
我试图在第二次单击时更改SVG上的填充颜色，目前，可以在第一次单击时添加填充颜色，但我希望在第二次单击时将颜色更改/重置为默认颜色；这是我的当前代码：
jQuery('#color-my-svg').on("click", function() {
if(!jQuery(this)[0].hasAttribute('style')){
jQuery('#color-my-svg').css({ fill: "#ff0000" });
}
else{
jQuery(this).remove
浏览 4提问于2019-09-29得票数 1
回答已采纳
可能的重复项
朋友们，大家好！
我创建画图应用程序，我有问题在那。如果我绘制没有填充的矩形，或者其他类似的边界区域，并更改背景颜色，那么矩形填充区域也会更改，这意味着整个画布颜色将用新的背景颜色填充。如何保持背景或填充未绑定的画布区域，这是图像
这是初始图像
更改背景颜色后，将获得以下结果
但是怎样才能达到这样的效果呢
浏览 0提问于2012-01-04得票数 5
1回答
按钮事件和状态
、、
我有一个用C#编写的窗体，上面有4个按钮，它们有不同的状态，我将它们用作菜单。
使用/实现不同按钮状态的最佳方式是什么？
正常-->鼠标进入，鼠标离开，鼠标点击。单击时，该特定按钮应保持单击的颜色，只有在单击其他按钮时才会更改回正常颜色。在鼠标输入或鼠标离开时，单击的颜色也不应再次更改。应该是扁平的按钮。
谢谢
浏览 0提问于2016-11-19得票数 0
我正在尝试构建一个应用程序，它在屏幕上编辑简单的图形，fabricjs是我使用的画布库，angularjs是我使用的MVW框架。
现在，从DOM到fabric的绑定工作得很好(我单击了div，并选择了画布上的相应对象)，但情况并非如此。当我单击画布上的一个对象，并且它被选中时，对应的DOM不会被更新。我读过，我应该使用$scope.$apply();，但我不知道该把它放在哪里。
如何使fabric更新$scope状态？
您可以看到，单击Add Rect按钮将元素添加到画布中，并注意到当您单击右侧的元素名称时，它在画布上被选中，但是如果直接在画布上选择它，它的按钮就不是高亮的。
代码：
浏览 1提问于2013-08-17得票数 7
回答已采纳
我试图在实例化后、添加到图层和场景之后以及在动画循环中更改 Rect对象的KineticJS fill样式。
我试图在呈现画布的主应用程序文件中的用户按钮控件的基础上，在单个颜色类型之间切换，即填充类型为线性渐变类型。
我在另一个文件中实例化对象，这是我编写的一个类，它用线性梯度填充一个KineticJS Rect，最初填充它的构造函数，如下所示：
function MyBackground(width,height,c1,c2,mode) {
this.width = width;
this.height = height;
this.color1 = c1;
this.co
浏览 4提问于2013-03-26得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
