Javascript 渲染时的FabricJS不透明度问题

我正在尝试在画布上渲染此图片：

但这就是FabricJS的渲染方式：

顺便说一句，使用EaselJS，同一张图片通常会渲染

我的咖啡剧本：

renderPicture = (pic) ->
  pic.left = coords.x - (pic.width / 2)
  pic.top = coords.y - (pic.height / 2)
  canvas.add(pic)

image = new fabric.Image.fromURL '/images/medium/missing.png', renderPicture, {
  opacity: 1
}

---

正如你们所看到的，图片的不透明度等于1，但我仍然认为它的不透明度为0.5。如何解决这个问题？

问题在于我的HTML中硬编码的不透明度

<canvas id="editorWindow" style="background-color: rgba(255, 194, 93, 0.4)">
</canvas>

CreateJS忽略了这一点，但对于FabricJS来说，这是至关重要的。您应该改为使用更改背景颜色