检查 Fabric.js 中的 Canvas 是否为空白答案

【问题标题】：Check if Canvas is blank in Fabric.js检查 Fabric.js 中的 Canvas 是否为空白
【发布时间】：2016-04-16 06:05:04
【问题描述】：

如果我的Canvas 元素为空，我想每 5 秒检查一次。

我按照下面链接中的解决方案，但它不起作用。

以上链接适用于普通的canvas 元素但不适用于fabric.js 创建的元素。

这是没有 Fabric.js

的Fiddle

这是我的 Fiddle，当Fabric.js 创建画布时，它不起作用。

【问题讨论】：

这是因为您将背景颜色设置为白色，如果您删除它就可以了。
当您执行 canvas.add(something) 命令时，FabricJS 画布变为“非空”。因此，您可以创建一个全局 isEmpty 变量，该变量在添加任何内容之前以 true 开头，并在您在代码中执行 canvas.add 时设置为 false。
@markE: 在用户执行某些操作之前，我不会使用 canvas.add
令人惊讶的是，@KeyurSakaria 建议的方法有效，但是如何在不填充背景颜色的情况下使画布对用户可见？
将背景图片添加到画布后面的 div 中。那应该这样做。排列 div 和画布。将 z-index 赋予画布，使其位于前面。

【解决方案1】：

这是因为您将背景颜色设置为白色，如果您删除它就可以了

【讨论】：

是的，Keyur 的回答是正确的。这里我提一个小东西，可以减少 Fabric JS 检查 Canvas 是否为空的代码。因为你写了更多的代码来检查是否为空。 canvas.isEmpty() 它将返回一个布尔值。 :)