fabric.js禁用黑色像素上的绘图

Question

我正在用fabric.js制作绘图应用程序。 我想忽略要着色的图像的黑色区域。 有什么建议吗？？？ Click the link for image

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>