Javascript 如何在Konva中设置初始阶段颜色?

Javascript 如何在Konva中设置初始阶段颜色?,javascript,html,canvas,konvajs,Javascript,Html,Canvas,Konvajs,我刚从Konva开始,我想知道是否有办法设置舞台色彩?默认情况下,它是某种亮灰色,如果可能的话,我想更改它,而不必添加矩形并填充它。Konvajs是标准HTML5画布上的函数实现 如果你用谷歌搜索html5画布的背景色,你会发现很多点击率,比如说等等。总结如下: html5画布是透明的 通过CSS在主体元素上设置颜色 或者在它自己的层上生成一个矩形形状,矩形尺寸填充画布 下面是一个使用container div上的CSS颜色为舞台上色的示例。我还添加了一个舞台矩形,您可以通过在其定义中添加填

我刚从Konva开始,我想知道是否有办法设置舞台色彩?默认情况下,它是某种亮灰色,如果可能的话,我想更改它,而不必添加矩形并填充它。

Konvajs是标准HTML5画布上的函数实现

如果你用谷歌搜索html5画布的背景色,你会发现很多点击率,比如说等等。总结如下:

  • html5画布是透明的
  • 通过CSS在主体元素上设置颜色
  • 或者在它自己的层上生成一个矩形形状,矩形尺寸填充画布
下面是一个使用container div上的CSS颜色为舞台上色的示例。我还添加了一个舞台矩形,您可以通过在其定义中添加填充颜色来使用它。舞台矩形正在监听点击,并且有一个点击处理程序,以便您可以确认它覆盖了整个舞台区域。该阶段有一个contentClick()监听器,应小心使用,因为冒泡无法停止

var-width=window.innerWidth;
var height=window.innerHeight;
var rectButtonClicked=false;
var阶段=新Konva.阶段({
容器:'容器',
宽度:宽度,
高度:高度
});
var layer=新Konva.layer();
阶段。添加(层);
var stagnister=new Konva.Rect({
x:0,,
y:0,
宽度:宽度,
高度:高度,,
侦听:true//侦听舞台矩形上的单击
})
层。添加(直立);
在('click',function()上{
console.log('Stage click');
});
stagrible.draw();//绘制以便我们可以看到画布矩形。