fabric.js 对象选择鼠标按下答案

【问题标题】：fabric.js object selection mouse downfabric.js 对象选择鼠标按下
【发布时间】：2018-11-14 05:22:09
【问题描述】：

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

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

我用：

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

但由于边界框的大小，我无法选择我想要的三角形，只有 1 个可选。

感谢您的帮助

当我点击它时，我想改变它的颜色。例如，如果我点击红色三角形，这个三角形变成绿色。如果我点击黑色三角形，这个三角形是蓝色的。但目前是不可能的。

【问题讨论】：

标签： fabricjs

【解决方案1】：

你可以试试这样的：

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

【讨论】：

【解决方案2】：

你可以添加

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

三角形

【讨论】：