Fabric.js Polyline stroke 属性介绍

Fabric.js是一个用于HTML5 canvas的Javascript库，提供基础的图形和对象操作功能。Polyline是其中一种简单的基本图形，它由若干个点按照一定顺序依次连接形成。

Polyline对象具有stroke属性，用于设置该线段的颜色、宽度、样式等属性。

stroke颜色

设置Polyline对象的边框颜色使用stroke属性，可以使用HTML或CSS颜色名称、十六进制值、RGB函数、RGBA函数等方式进行设置。

var polyline = new fabric.Polyline([
  { x: 100, y: 100 },
  { x: 200, y: 200 },
  { x: 300, y: 100 }
], {
  stroke: 'red' // 设置颜色为红色
});

stroke宽度

设置Polyline对象的边框宽度使用strokeWidth属性，单位为像素。

var polyline = new fabric.Polyline([
  { x: 100, y: 100 },
  { x: 200, y: 200 },
  { x: 300, y: 100 }
], {
  strokeWidth: 5 // 设置宽度为5像素
});

stroke样式

设置Polyline对象的边框样式使用strokeDashArray属性，值为一个数组，每两个相邻元素描述一种样式，第一个值为线长，第二个值为间隔长度。默认为实线，不需要设置。

var polyline = new fabric.Polyline([
  { x: 100, y: 100 },
  { x: 200, y: 200 },
  { x: 300, y: 100 }
], {
  strokeDashArray: [5, 2] // 设置为虚线，线长为5像素，间隔为2像素
});

以上是Fabric.js Polyline stroke 属性的介绍。使用stroke属性可以为Polyline对象设置颜色、宽度、样式等属性。Polyline对象的其他属性可以查看Fabric.js官方文档了解。