fabric禁止选中图片边框
时间: 2023-07-30 11:05:24 浏览: 137
在fabric.js中,可以通过设置对象的`hasBorders`属性来禁止选中对象时显示边框。对于图片对象,只需要将其`hasBorders`属性设置为`false`即可禁止选中时显示边框,如下所示:
```javascript
var img = new fabric.Image(imgElement);
img.hasBorders = false;
canvas.add(img);
```
这样就可以禁止选中图片时显示边框了。如果你希望在选中其他对象时仍然显示边框,可以将该对象的`hasBorders`属性设置为`true`,如下所示:
```javascript
var rect = new fabric.Rect({
width: 100,
height: 100,
fill: 'red'
});
rect.hasBorders = true;
canvas.add(rect);
```
这样就可以在选中矩形对象时显示边框,而在选中图片对象时不显示边框了。
相关问题
fabric禁止选中图片
在fabric.js中,可以通过设置对象的`selectable`属性来禁止选中对象。对于图片对象,只需要将其`selectable`属性设置为`false`即可禁止选中,如下所示:
```javascript
var img = new fabric.Image(imgElement);
img.selectable = false;
canvas.add(img);
```
这样就可以禁止选中图片了。如果你希望在选中其他对象时仍然可以选中,可以将该对象的`selectable`属性设置为`true`,如下所示:
```javascript
var rect = new fabric.Rect({
width: 100,
height: 100,
fill: 'red'
});
rect.selectable = true;
canvas.add(rect);
```
这样就可以在选中矩形对象时可以选中,而在选中图片对象时不可选中了。
fabric禁止选中矩形对象
在fabric.js中,可以通过设置对象的`selectable`属性来禁止选中对象。对于矩形对象,只需要将其`selectable`属性设置为`false`即可禁止选中,如下所示:
```javascript
var rect = new fabric.Rect({
width: 100,
height: 100,
fill: 'red'
});
rect.selectable = false;
canvas.add(rect);
```
这样就可以禁止选中矩形了。如果你希望在选中其他对象时仍然可以选中,可以将该对象的`selectable`属性设置为`true`,如下所示:
```javascript
var img = new fabric.Image(imgElement);
img.selectable = true;
canvas.add(img);
```
这样就可以在选中图片对象时可以选中,而在选中矩形对象时不可选中了。
阅读全文