Fabric.js Polygon lockUniScaling属性用法及代码示例

在本文中，我们将看到如何使用FabricJS锁定画布多边形的非均匀缩放比例，从而保持对象的长宽比。画布多边形表示该多边形是可移动的，并且可以根据需要进行拉伸。此外，当涉及初始笔触颜色，高度，宽度，填充颜色或笔划宽度时，可以自定义多边形。

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

用法:

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属性：

例：

输出：