Fabric.js Polyline hasBorders 属性

简介

Fabric.js是一款非常流行的JavaScript图形库，它提供了丰富的绘图功能，包括矩形、圆形、多边形、路径等等。Polyline是Fabric.js中一种特殊的路径对象，它由一系列的线段组成。hasBorders是Polyline对象的一个属性，用来决定Polyline边框是否可见。

语法

polyline.hasBorders

类型

Boolean

默认值

true

可选值

• true：表示Polyline对象边框可见。
• false：表示Polyline对象边框不可见。

使用方法

可以通过set或者get方法来设置或者获取Polyline对象的hasBorders属性。

设置Polyline对象的hasBorders属性：

var polyline = new fabric.Polyline([{
  x: 10,
  y: 20
}, {
  x: 30,
  y: 40
}], {
  stroke: 'red',
  strokeWidth: 3,
  hasBorders: false
});

获取Polyline对象的hasBorders属性：

var hasBorders = polyline.hasBorders;

示例

以下示例演示了如何创建一个Polyline对象，并设置或者获取它的hasBorders属性。

var canvas = new fabric.Canvas('canvas');

// 创建一个Polyline对象，并设置其hasBorders属性
var polyline1 = new fabric.Polyline([{
  x: 20,
  y: 50
}, {
  x: 50,
  y: 20
}, {
  x: 80,
  y: 50
}], {
  stroke: 'red',
  strokeWidth: 3,
  hasBorders: false
});

canvas.add(polyline1);

// 获取Polyline对象的hasBorders属性
var hasBorders1 = polyline1.hasBorders;
console.log(hasBorders1);

// 设置Polyline对象的hasBorders属性
polyline1.set({
  hasBorders: true
});

canvas.renderAll();

// 获取Polyline对象的hasBorders属性
var hasBorders2 = polyline1.hasBorders;
console.log(hasBorders2);

结论

通过设置Polyline对象的hasBorders属性，可以决定Polyline对象的边框是否可见。默认情况下，Polyline对象的hasBorders属性为true，表示边框可见。可以通过set或者get方法来设置或者获取Polyline对象的hasBorders属性。