1. 简介
Fabric.js 是一个基于 HTML5 Canvas 的开源库，用于构建交互式的 canvas 应用程序。
2. 设置圆的不透明度
2.1 基本概念
Fabric.js 中的图形对象有一个属性叫做 opacity，用于设置不透明度，取值范围为 0-1，其中 0 表示完全透明，1 表示完全不透明。
设置圆的不透明度，就是设置该圆对象的 opacity 属性。
2.2 代码实现
var canvas = new fabric.Canvas('canvas');
// 创建圆对象
var circle = new fabric.Circle({
radius: 50,
fill: 'red',
left: 100,
top: 100
});
// 设置圆的不透明度为 0.6
circle.set({ opacity: 0.6 });
// 将圆添加到 canvas 中
canvas.add(circle);
在上面的代码中，我们创建了一个圆对象，并设置了它的半径、填充颜色和位置。
然后，我们通过调用圆对象的 set 方法，设置了圆的不透明度为 0.6。
最后，将圆添加到 canvas 中，即可显示出来。
2.3 效果预览
设置圆的不透明度为 0.6，效果如下图所示：
3. 注意事项
在使用 set 方法设置对象属性时，需要调用对象的 setCoords 方法，以便更新对象的位置和大小。
circle.set({ opacity: 0.6 }).setCoords();
同时，如果需要更新 canvas 显示效果，需要调用 canvas 的 renderAll 方法。
canvas.renderAll();
4. 总结
使用 Fabric.js 设置圆的不透明度，就是设置圆对象的 opacity 属性。
在调用 set 方法设置对象属性时，需要调用 setCoords 方法更新对象的位置和大小。
最后，需要调用 canvas 的 renderAll 方法更新 canvas 显示效果。