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>