FabricJS рендера

Question

Я пытаюсь сделать эту картину на холсте:

Но это, как это делает с FabricJS:

Кстати , с EaselJS то же изображение обычно отображается

Мои CoffeeScript:

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. Как это исправить?

Answer 1

Проблема заключалась в непрозрачности жесткого кода в моем HTML.

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

CreateJS проигнорировал это, но для FabricJS это очень важно. Вы должны изменить цвет bg, используя вместо этого buitl-in function.