new fabric.Rect( 点击后,四方点的颜色怎么设置
时间: 2024-03-25 15:40:08 浏览: 103
fabric.js_API中文翻译.zip
5星 · 资源好评率100%
在`fabric.Rect`对象中,可以使用`setControlsVisibility`方法来设置四方点的颜色。其中,`setControlsVisibility`方法的参数是一个对象,可以指定四方点的颜色、大小等属性。例如,要将四方点的颜色设置为红色,可以这样写:
```javascript
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中添加一个填充颜色为红色、描边颜色为浅灰色的矩形,并将四方点的颜色设置为红色。你可以根据自己的需要修改四方点的颜色、大小等属性。
阅读全文