Fabric.js setAlpha() 方法介绍

setAlpha(alpha: number): void 是 Fabric.js 中一个用于设置画布对象透明度的方法。该方法接受一个 alpha 参数，类型为数字，范围为 0-1，取值越小则透明度越高。

语法

object.setAlpha(alpha: number): void

参数

• alpha: 透明度，类型为数字，范围为 0-1。

返回值

该方法没有返回值，会直接改变画布对象的透明度属性。

示例

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

const rect = new fabric.Rect({
  left: 50,
  top: 50,
  width: 100,
  height: 100,
  fill: 'red'
});

canvas.add(rect);

rect.setAlpha(0.5);
canvas.renderAll();

效果

总结

setAlpha() 方法是 Fabric.js 中常用的方法之一，通过它我们可以轻松地实现对画布对象的透明度属性进行调整。需要注意的是，该方法只能作用于某个具体的画布对象，如果想要调整整个画布的透明度，需要通过改变其容器元素的透明度来实现。