Fabric.js Circle hasStroke() 方法

在本文中，我们将看到如何使用 hasStroke() 方法。

该方法在对象绘制轮廓时返回true，它不考虑canvas中的文本样式。Canvas中的Circle表示可移动和根据要求拉伸的圆形对象。此外，当涉及到初始轮廓颜色、高度、宽度、填充颜色或轮廓宽度时，可以自定义Circle。

hasStroke() 方法返回true，如果对象要绘制轮廓，它不考虑文本样式。

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

语法:

Circle.hasStroke()

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

返回值 ：此方法返回一个布尔值，如果对象将绘制描边，则返回true。

示例：此示例使用 FabricJS 来设置画布圆的 hasStroke() 方法，如下所示：

<!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 hasStroke() 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.hasStroke()); 
    </script> 
  </body> 
</html>

输出：

Fabric.js Circle hasStroke() 方法