Fabric.js 多边形 statefullCache 属性

在 Fabric.js 中，statefullCache 属性是多边形对象的一个属性，它可以帮助提高多边形对象的性能表现。

多边形对象 statefullCache 属性

多边形对象是一种拥有多个点构成的封闭图形。在 Fabric.js 中，多边形对象是由多个 Path 对象组成的，而 statefullCache 属性则是多边形对象的一种优化方式。

在 Fabric.js 中，当一个多边形对象需要进行渲染时，会逐个渲染每个 Path 对象，并将它们合并成一个完整的图形。而 statefullCache 属性则可以将这个过程变得更加高效。

statefullCache 如何提高性能

当多边形对象的 statefullCache 属性被设置为 true 时，Fabric.js 会对它进行缓存，即将生成的 Path 对象保存下来，以便下次使用时可以直接调用，而无需重新生成。

这样一来，多边形对象在进行渲染时就无需再次生成 Path 对象，从而大大提高了性能。尤其是在一些复杂的场景下，statefullCache 属性更是能够显著减少渲染时间和性能消耗。

如何使用 statefullCache 属性

要使用多边形对象的 statefullCache 属性，只需要将它的值设置为 true 即可：

var rect = new fabric.Polygon(points, {
   statefullCache: true
});

在设置了 statefullCache 属性之后，当多边形对象进行渲染时，会自动将 Path 对象进行缓存。

总结

Fabric.js 的多边形对象 statefullCache 属性可以帮助提高多边形对象的性能表现，尤其是在一些复杂的场景下。使用 statefullCache 属性十分简单，只需要将它的值设置为 true 即可。