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

到三角形