Fabric.js 多边形 lockUniScaling 属性

在本文中，我们将看到如何使用 FabricJS 锁定画布多边形的非均匀缩放，以保持对象的纵横比。画布多边形意味着多边形是可移动的，并且可以根据需求进行拉伸。此外，当涉及到初始描边颜色、高度、宽度、填充颜色或描边宽度时，可以对多边形进行自定义设置。

为了使其成为可能，我们将使用一个叫做 FabricJS 的 JavaScript 库。在导入库之后，我们将在 body 标签中创建一个包含多边形的画布块。然后，我们将初始化由 FabricJS 提供的 Canvas 和 polygon 实例，并使用 lockUniScaling 属性锁定画布多边形的非均匀缩放，并在 Canvas 上渲染多边形，如下面的示例所示。

语法:

fabric.Polygon([ 
    { x: pixel, y: pixel }, 
    { x: pixel, y: pixel }, 
    { x: pixel, y: pixel }, 
    { x: pixel, y: pixel }, 
    { x: pixel, y: pixel }],
    {
                lockUniScaling: Boolean
    }
)

参数： 此属性接受一个单一参数，如上所述，并在下面进行描述：

• lockUniScaling： 这是一个布尔值，指定是否锁定非均匀缩放。

注意： 创建多边形必须使用像素维度。

下面的示例说明了JavaScript中的 Polygon lockUniScaling Property ：

示例：

输出：