Fabric 矩形对象的透明背景颜色。有可能吗?

问题描述 投票:0回答:1

具有以下内容:

const rect = new fabric.Rect({
            left: 100,
            top: 50,
            width: 200,
            height: 100,
            objectCaching: false,
            stroke: 'red',
            backgroundColor: 'rgb(0,0,0)',
            strokeWidth: 2
        });

或者这个:

 const rect = new fabric.Rect({
            left: 100,
            top: 50,
            width: 200,
            height: 100,
            objectCaching: false,
            stroke: 'red',
            backgroundColor: 'transparent',
            strokeWidth: 2
        });

最终的背景颜色是黑色。我想要实现的是一个真正透明的背景。也就是说,它的不透明度为 0,但边界及其属性被保留。目前生成的 Rect 对象如下所示:

Image

css fabric
1个回答
0
投票

解决方案:

 const rect = new fabric.Rect({
                left: 100,
                top: 50,
                width: 200,
                height: 100,
                objectCaching: false,
                stroke: 'red',
                fill: 'transparent',
                strokeWidth: 2
            });

或者:

常量矩形=新的织物.矩形({ 左:100, 顶部:50, 宽度:200, 高度:100, 对象缓存:假, 笔画:'红色', 充满: '', 描边宽度:2 });

© www.soinside.com 2019 - 2024. All rights reserved.