fabricjs 点击改变元素属性

要在fabric.js中点击元素并更改其属性，您可以使用以下步骤：

1. 首先，您需要在canvas上创建一些对象，例如rect或circle等。

2. 然后，您可以添加以下代码来监听canvas上的点击事件：

canvas.on('mouse:down', function(event) {
  var target = canvas.findTarget(event.e);
  // your code here
});

这将检查canvas上的鼠标事件，并返回被点击的对象。

3. 接下来，您可以使用以下代码更改对象的属性：

target.set({property: value});
canvas.renderAll();

这将更改被点击的对象的属性，并重新渲染canvas。

4. 最后，您可以添加其他代码来处理对象属性更改的逻辑，例如更新UI或将更改保存到数据库中。

完整示例代码：

var canvas = new fabric.Canvas('canvas');

// create a rectangle object
var rect = new fabric.Rect({
  left: 100,
  top: 100,
  fill: 'red',
  width: 50,
  height: 50
});

// add the rectangle to the canvas
canvas.add(rect);

// listen for mouse down event on canvas
canvas.on('mouse:down', function(event) {
  // check if an object was clicked
  var target = canvas.findTarget(event.e);
  if (target) {
    // change the object's fill color to blue
    target.set({fill: 'blue'});
    canvas.renderAll();
  }
});