如何获得画布的背景颜色

时间:2013-06-20 19:32:04

标签: html5-canvas fabricjs

我想要做的是: 使用Fabricjs,我希望alert("the bg color is: "+canvas.getBackgroundColor())但是,该方法不存在。

我也试过了canvas.backgroundColor但是返回一个空字符串。

尽管我的努力,似乎没有任何东西返回画布的背景颜色。有谁知道怎么做?

1 个答案:

答案 0 :(得分:3)

默认情况下,html画布是透明的。

绘制空白画布时,主体的背景将可见。

要在fabricJS中设置背景颜色,请执行以下操作:

canvas.backgroundColor = 'red';

只要您已经设置了背景颜色,就可以像这样检索它:

var bkColor = canvas.backgroundColor;

或者,您可以在CSS中设置背景,因为fabricJS创建的画布将采用您最初提供的canvas元素的CSS:

#myCanvas{ background-color:"skyblue"; }