Fabric.js 多边形 noScaleCache 属性

在 Fabric.js 中，多边形（polygon）是一种常用的图形之一。而 noScaleCache 属性则是一个相对较少使用的属性，本文将介绍这一属性的作用和用法。

什么是 noScaleCache 属性

noScaleCache 是 Fabric.js 中多边形对象（fabric.Polygon）特有的一个属性，它的作用是指示 Canvas 是否应该缓存该多边形对象的缩放后的版本。默认情况下，如果不设置此属性，Canvas 会在多边形对象被缩放时，缓存一个经过缩放后的版本，以优化性能。

如何使用 noScaleCache 属性

要启用 noScaleCache 属性，可以通过在创建多边形对象时，将该属性传递为 true 来实现。例如：

var polygon = new fabric.Polygon(points, {
  noScaleCache: true
});

注意，在将这个属性设置为 true 后，当 Canvas 缩放该多边形对象时，将不再缓存任何缩放后的版本。这意味着 Canvas 将在每次需要使用多边形对象时重新渲染它，这可能会影响到性能。

总结

noScaleCache 属性是 Fabric.js 中多边形对象的一个属性，用于指示 Canvas 是否应该缓存该对象的缩放后的版本。如果需要精细控制该多边形对象的缩放后的表现，可以考虑使用该属性，但要注意可能会对性能造成一定的影响。