
我们可以通过创建fabric.Polygon的实例来创建Polygon对象。多边形对象的特征可以是由一组连接的直线段组成的任何闭合形状。由于它是 FabricJS 的基本元素之一,因此我们还可以通过应用角度、不透明度等属性轻松自定义它。
我们可以使用 isCacheDirty 方法检查缓存是否脏以及是否需要渲染器。此方法检查缓存是否脏,从而让 FabricJS 知道画布中的某些内容已更改,需要重新渲染。
语法
isCacheDirty( skipCanvas: Boolean )
参数
skipCanvas(可选) - 此参数接受一个 Boolean 值,当设置为 true 时,跳过画布自对象绘制在父画布上以来进行检查。
示例 1:使用 isCacheDirty 方法
让我们看一个代码示例,以查看使用 isCacheDirty 方法时记录的输出。在这种情况下,多边形对象的原始填充颜色是蓝色。但是,FabricJS 将对象标记为脏对象,并默认在下一次渲染时刷新它们。因此,我们对象的最终颜色是灰色的,并且记录的输出是真实的。
Using the isCacheDirty method
You can open console from dev tools to see that a true value is returned
示例 2:使用 isCacheDirty 方法和 dirty 属性
让我们看一个代码示例,看看当 isCacheDirty 方法与 dirty 属性结合使用时记录的输出。当设置为“true”时,dirty 属性会在下一次渲染调用中重新渲染对象的缓存。由于我们已经为 dirty 分配了“false”值,因此对象的缓存将不会重新渲染,因此 isCacheDirty 方法在控制台中返回 false 值。
Using the isCacheDirty method along with the dirty property
You can open console from dev tools to see that a false value is returned
结论
在本教程中,我们使用两个简单的示例来演示如何使用 FabricJS 检查缓存是否脏以及多边形是否需要渲染器。










