1. 引言
FabricJS是一个用于创建交互式绘图的JavaScript库，它支持多种对象类型以及操作，例如鼠标事件、键盘事件等。在实际开发中，我们可能需要对绘制区域进行一些更加细致的设置，例如如何设置选择区域（selection）的边框宽度？本文将介绍如何使用FabricJS实现此功能。
2. 准备工作
在开始使用FabricJS之前，我们需要先引入它的库文件，可以通过CDN或者将库文件下载到本地进行引用。在本文中，我们通过CDN的方式进行引用：
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/3.6.2/fabric.min.js"></script>3. 设置选择区域边框宽度
3.1 canvas.selectionBorderColor属性
通过设置canvas.selectionBorderColor属性，我们可以设置选择区域的边框颜色。我们可以将其与fabric.Canvas实例化时的selectionColor属性组合使用，来为选择区域制定样式。下面是一个简单的例子：
var canvas = new fabric.Canvas('c',{selectionColor: 'rgba(0,255,0,0.3)', selectionBorderColor: 'green'});上面的例子中，我们将选择区域的颜色设置为绿色，半透明度为0.3，边框颜色同样设置为绿色。
3.2 canvas.selectionLineWidth属性
如果我们需要更改选择区域的边框宽度，可以通过设置canvas.selectionLineWidth属性来实现。canvas.selectionLineWidth是一个数字类型的属性，表示选择区域的边框宽度。下面是一个例子：
canvas.selectionLineWidth = 2;上面的例子中，我们将选择区域的边框宽度设置为2个像素。
3.3 fabric.util.object.extend方法
如果我们想要同时更改选择区域的边框宽度和颜色，可以使用fabric.util.object.extend方法。fabric.util.object.extend方法可以合并两个对象的属性，并返回合并后的新对象。下面是一个例子：
fabric.util.object.extend(canvas.selectionStyle,{strokeWidth: 2, stroke: 'green'});上面的例子中，我们将选择区域的边框宽度设置为2个像素，边框颜色设置为绿色。
4. 结论
本文介绍了如何使用FabricJS设置选择区域边框的宽度。通过设置canvas.selectionBorderColor和canvas.selectionLineWidth属性，以及使用fabric.util.object.extend方法，我们可以根据需要对选择区域进行更加细致的设置。