织物.js禁用在黑色像素上绘制

Question

我正在用织物制作绘图应用程序.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>