Fabric.js Circle getObjectScaling() 方法

在本文中，我们将看到如何使用FabricJS获取圆形对象的对象缩放系数的getObjectScaling()方法，在画布的圆形中，它用于填充对象。画布圆表示圆可以根据需求进行移动和拉伸。此外，当涉及到初始描边颜色、高度、宽度、填充颜色或描边宽度时，可以对圆进行自定义。

getObjectScaling()方法用于获取对象的对象缩放系数。

方法： 在导入fabric.js库之后，创建一个包含圆的canvas块放在body标签中。然后，通过Fabric.JS提供的Canvas和Circle类初始化一个实例，并使用getObjectScaling()方法。

语法：

Circle.getObjectScaling()

参数： 该函数不接受任何参数。

返回值： 该方法返回包含对象缩放因子的对象值。

示例： 此示例使用FabricJS将画布圆的getObjectScaling()方法设置为以下示例中所示：

<!DOCTYPE html> 
<html> 
 
<head> 
    
   <script src= 
"https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.2/fabric.min.js"> 
   </script> 
</head> 
 
<body> 
   <h1 style="color: green;"> 
      GeeksforGeeks 
   </h1> 
 
   <h3> 
      Fabric.js Circle getObjectScaling() method 
   </h3> 
 
   <canvas id="canvas" width="600" height="300"
      style="border:1px solid #000000"> 
   </canvas> 
 
   <script> 
 
      var canvas = new fabric.Canvas("canvas"); 
 
      var circle = new fabric.Circle({ 
         radius: 100, 
         fill: 'blue', 
         stroke: 'green', 
         strokeWidth: 3, 
         angle: 30 
      }); 
 
      canvas.add(circle); 
      canvas.centerObject(circle); 
      console.log(circle.getObjectScaling())
   </script> 
</body> 
 
</html>

输出:

Fabric.js Circle getObjectScaling() 方法