更改背景颜色,CreateJS/Javascript

Changing Background Color, CreateJS/Javascript

本文关键字:CreateJS Javascript 颜色 背景      更新时间:2023-09-26

我想在特定输入时更改舞台/画布的背景色,以阐明程序所处模式的变化。因此,我想在不同模式下将画布更改为黑色,然后在模式不活动时将画布更改回白色。背景默认为白色。

<canvas id="canvas" width="1500" height="1500">Alternative Content</canvas>

但我想我会根据init函数中的内容来更改它。

                var canvas = document.getElementsByTagName('canvas')[0];
            canvas.setAttribute('tabindex','0');
            canvas.focus();
            stage = new createjs.Stage(canvas);

有什么想法可以改变输入的背景颜色吗?

您可以使用JavaScript更改颜色以设置CSS样式。

// Change it to red
canvas.style.backgroundColor = "#ff0000";
// Change it to the value of a text input
canvas.style.backgroundColor = document.getElementById("myTextInput").value;

目前没有办法直接用EaselJS或舞台来做到这一点。

希望能有所帮助。