fabric.js对象选择鼠标按下

Question

我想知道当我们点击它来改变颜色时是否有办法选择正确的物体。

我的画布上有两个角形三角形但是当我点击它时我只能选择一个，因为边界框是平方的。

我用：

canvas.on('mouse:down', function(e)) 

但我无法选择我想要的三角形，因为边界框的大小只能选择1个。

感谢您的帮助

我想在点击它时更改三角形的颜色。例如，如果我点击红色三角形，此三角形变为绿色。如果我点击黑色三角形，那么它会变成蓝色。但此时此刻不可能。

Answer 1

您可以尝试这样的事情：

canvas.on('mouse:down', function(e){
var triangle = e.target;
if(triangle)
triangle.setFill('your color');
}); 

Answer 2

您可以添加

perPixelTargetFind: true // prevents clicking on bounding-box around shape from selecting it

到三角形