html5-canvas - 如何获取画布的背景颜色

Question

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

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

尽管我很努力，但似乎没有任何东西可以返回画布的背景颜色。有谁知道这是怎么做到的吗？

Answer 1

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

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

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

canvas.backgroundColor = 'red';

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

var bkColor = canvas.backgroundColor;

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

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