2016-01-03 84 views
0

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

<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); 

任何想法如何改变输入的背景颜色?

回答

0

您可以使用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或Stage进行此操作。

希望有所帮助。