Fabric.js 图像不透明度属性
Fabric.js是一个用于处理画布的 JavaScript 库。 Image 是用于创建图像实例的 fabric.js 类之一。图像的不透明度属性用于设置图像的可见性。
首先导入 fabric.js 库。导入库后,在 body 标记中创建一个包含图像的画布块。之后,初始化 FabricJS 提供的 Canvas 和图像的实例,并使用图像对象的 Opacity 属性设置画布图像的不透明度。
句法:
fabric.Image(image, {
opacity: 0.40
});
参数:上述函数有两个参数,如前所述,如下所述:
- image:此参数获取图像。
- 不透明度:设置图像的不透明度。
示例 1:本示例使用 FabricJS 设置画布图像的不透明度,如下例所示。
GeeksforGeeks
Fabric.js | Image opacity Property
输出:
示例 2:
GeeksforGeeks
Fabric.js | Image opacity Property
输出: