fabric.js отключить рисование на черном пикселе

Question

Я делаю приложение для рисования в fabric.js.Я хочу не обращать внимания на черную область изображения, которая будет окрашена. Любые предложения, пожалуйста, ???? Нажмите на ссылку для изображения

Answer 1

Вы можете использовать изображение в качестве наложения. Пожалуйста, проверьте здесь: http://jsfiddle.net/mariusturcu93/s5wxbcde/19/
JS

 var canvas = new fabric.Canvas('canvas');
    canvas.backgroundColor = "blue";
    canvas.isDrawingMode=1;
    canvas.setOverlayImage('https://vignette.wikia.nocookie.net/fantendo/images/6/6e/Small-mario.png/revision/latest/scale-to-width-down/381?cb=20120718024112', canvas.renderAll.bind(canvas), {
        width: canvas.width,
        height: canvas.height
    });

HTML

<canvas id="canvas" width="800" height="800"></canvas>