Javascript FabricJS:群中圆形不透明的bug?

Javascript FabricJS:群中圆形不透明的bug?,javascript,canvas,opacity,fabricjs,Javascript,Canvas,Opacity,Fabricjs,将不透明度小于1的圆添加到组时,其不透明度实际上会低于指定值。如果不指定不透明度(即不透明度=1),则不会发生这种情况。矩形也不会发生这种情况 以下是重现此问题的代码: HTML 这是你的电话号码 如果运行它,可以看到第二个圆比第一个圆暗,这意味着它的不透明度较低 我做错了什么,还是这是一个错误?(可以在1.2.0和1.3.0中复制。)这很可能是因为在结构中 // multiply by currently set alpha // (the one that was set by path g

将不透明度小于1的圆添加到组时,其不透明度实际上会低于指定值。如果不指定不透明度(即不透明度=1),则不会发生这种情况。矩形也不会发生这种情况

以下是重现此问题的代码:

HTML 这是你的电话号码

如果运行它,可以看到第二个圆比第一个圆暗,这意味着它的不透明度较低


我做错了什么,还是这是一个错误?(可以在1.2.0和1.3.0中复制。)

这很可能是因为在
结构中

// multiply by currently set alpha
// (the one that was set by path group where this object is contained, for example)
ctx.globalAlpha = this.group ? (ctx.globalAlpha * this.opacity) : this.opacity;
这与圆圈是SVG组IIRC的一部分有关

在任何情况下,这肯定是一个错误-不透明度不应该在您的情况下倍增。我们需要更好的检查


请在github上提交一个问题。

这很可能是因为在
结构中。圈

// multiply by currently set alpha
// (the one that was set by path group where this object is contained, for example)
ctx.globalAlpha = this.group ? (ctx.globalAlpha * this.opacity) : this.opacity;
这与圆圈是SVG组IIRC的一部分有关

在任何情况下,这肯定是一个错误-不透明度不应该在您的情况下倍增。我们需要更好的检查


请在github上提交一个问题。

现在,我的解决方法是设置
填充='rgba(255,255,255,0.65)
,而不使用不透明性。这样,两个圆(即,有组和无组)看起来都相同。目前,我的解决方法是设置
FILL='rgba(255,255,255,0.65)
,而不使用不透明度。这样,两个圆圈(即有组和无组)看起来都一样。感谢kangax的反馈。已存档。感谢kangax的反馈。已经存档。
// multiply by currently set alpha
// (the one that was set by path group where this object is contained, for example)
ctx.globalAlpha = this.group ? (ctx.globalAlpha * this.opacity) : this.opacity;