new fabric.Rect( 点击后,四方点的颜色怎么设置

在`fabric.Rect`对象中，可以使用`setControlsVisibility`方法来设置四方点的颜色。其中，`setControlsVisibility`方法的参数是一个对象，可以指定四方点的颜色、大小等属性。例如，要将四方点的颜色设置为红色，可以这样写：

var rect = new fabric.Rect({
  left: 100,
  top: 100,
  width: 50,
  height: 50,
  fill: 'red',
  stroke: '#D3D3D3'
});

rect.setControlsVisibility({
  mt: true, // 上边中间的控制点
  mb: true, // 下边中间的控制点
  ml: true, // 左边中间的控制点
  mr: true, // 右边中间的控制点
  bl: true, // 左下角的控制点
  br: true, // 右下角的控制点
  tl: true, // 左上角的控制点
  tr: true, // 右上角的控制点
  padding: 10, // 控制点的大小
  borderColor: 'red' // 控制点的颜色
});

canvas.add(rect);

这样，就可以在canvas中添加一个填充颜色为红色、描边颜色为浅灰色的矩形，并将四方点的颜色设置为红色。你可以根据自己的需要修改四方点的颜色、大小等属性。

相关问题

修改 new fabric.Rect( 的颜色

要修改`fabric.Rect`的颜色，你可以使用`set`方法来设置它的`fill`属性。例如，要将一个矩形的填充颜色设置为红色，可以这样写：

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

canvas.add(rect);

这样，就可以在canvas中添加一个填充颜色为红色的矩形。如果你要修改这个矩形的颜色，可以使用`set`方法：

rect.set('fill', 'green');
canvas.renderAll();

这里，我们将矩形的填充颜色从红色修改为绿色，并调用`renderAll`方法来更新canvas的显示。你可以根据自己的需要修改矩形的颜色。