【发布时间】：2015-08-12 13:03:48
【问题描述】：
我正在做一个项目，并想创建一个按钮，该按钮将使用 Math.floor 和 Math.random 生成一个数字，以选择数组中的图像，然后将其作为背景应用到我的画布上。
在代码中获取图像之前，我一直在尝试只更改背景颜色，我很好奇是否有办法使用 JavaScript 函数更改背景。到目前为止，我能够更改画布背景的唯一方法是在 css 中编辑背景颜色，然后将样式放在头部并完全放在 css 之前。
这可能吗？
【问题讨论】：
-
change background using javascript 可能重复，否则你可以google it
-
您正在寻找的是编辑元素的
style属性 - 这与修改 CSS 文件的效果相同。例如：myElement.style = "background-color: blue; font-size: 30px;" -
我知道如何通过键入颜色来通过样式元素更改背景，我只是不确定是否可以在样式属性中使用 JavaScript 函数，如果可以，该怎么做。
-
您可以轻松使用
var myBackgroundColor = '#dd0300'; myElement.style.backgroundColor = myBackgroundColor;。将其包装在一个函数中可以是function changeBG(element, hexcode){ element.style.backgroundColor = hexcode;}，然后像changeBG (document.querySelector('canvas'),'#dd0300')一样使用它 -
你总是可以在你的画布代码中使用
fillRect，然后填充画布，或者使用CSS并使用@somethinghere提供的代码
标签： javascript html canvas