gpt4 book ai didi

javascript - 改变颜色选择器不改变 Canvas 背景颜色

转载 作者:行者123 更新时间:2023-11-30 13:52:15 25 4
gpt4 key购买 nike

我正在尝试根据来自颜色选择器的用户输入为学校元素更改 Canvas 元素的背景。但是我似乎无法让它工作。我检查了代码,一切似乎都被正确选择了。有什么想法吗?

docolor() {
var myCanvas = document.querySelector("#myCanvas");
var colorinput = document.querySelector("#clr");
var color = colorinput.value;
myCanvas.style.backgroundColor = color;
}

  <head>
<title> canvas practice </title>
</head>
<body>
<canvas id = "myCanvas">
</canvas>
<br>
<input type = "color" value = "#001A57" id = "clr" onchange = "docolor()">
</body>
</html>

-

#clr {
display: inline-block;
}

#myCanvas {
height: 150px;
width: 300px;
border: 2px solid;
}

最佳答案

docolor 未正确定义,因此它永远不会运行。像这样声明你的函数,它应该可以工作:

function docolor() {
var myCanvas = document.querySelector("#myCanvas");
var colorinput = document.querySelector("#clr");
var color = colorinput.value;
myCanvas.style.backgroundColor = color;
}

如果仍然无法正常工作,请告诉我。 Here's a link to a working codepen如果你想看到一切都在一起工作。祝你的元素好运!

关于javascript - 改变颜色选择器不改变 Canvas 背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58014446/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com