fabric.js 中canvas怎么设置控制打点功能的开启和关闭
时间: 2023-12-10 18:42:40 浏览: 27
fabric.js 中的控制打点功能可以通过 `canvas.selectionCursors` 属性来开启和关闭。该属性是一个对象,包含了四个键值对,分别是 `tl`, `tr`, `bl`, `br`,分别代表左上角、右上角、左下角和右下角的控制打点。
如果想要关闭控制打点功能,可以将对应的键值对设置为 `null`,例如:
```javascript
canvas.selectionCursors = {
tl: null,
tr: null,
bl: null,
br: null
};
```
如果想要开启控制打点功能,可以将对应的键值对设置为一个自定义的函数或者使用 fabric.js 内置的默认函数,例如:
```javascript
// 使用默认函数
canvas.selectionCursors = {
tl: fabric.Cursor.prototype.mtMouseDown,
tr: fabric.Cursor.prototype.mrMouseDown,
bl: fabric.Cursor.prototype.mlMouseDown,
br: fabric.Cursor.prototype.mbMouseDown
};
// 使用自定义函数
canvas.selectionCursors = {
tl: function() { console.log('左上角控制打点被点击了'); },
tr: function() { console.log('右上角控制打点被点击了'); },
bl: function() { console.log('左下角控制打点被点击了'); },
br: function() { console.log('右下角控制打点被点击了'); }
};
```
需要注意的是,如果你使用了自定义的函数,它们必须接受一个参数 `event`,该参数是控制打点被点击时触发的事件对象。