Fabric.js 路径 hasBorders 属性

在 Fabric.js 中，路径是由多个点和线组成的图形对象。路径对象拥有许多可配置的属性，其中 hasBorders 属性就是一个非常有用的属性。

hasBorders 属性是什么

hasBorders 属性控制路径对象是否具有边框。如果设置为 true，则路径对象将具有边框。如果设置为 false，则路径对象将不具有边框。

默认情况下，hasBorders 属性的值为 true，这意味着所有的路径对象都会具有边框。

如何使用 hasBorders 属性

你可以使用 set() 方法来设置路径对象的 hasBorders 属性。例如：

var path = new fabric.Path('M 0 0 L 200 200 L 100 300 z');
path.set({ hasBorders: false });

这样，路径对象就不再具有边框了。

在编辑器中，你可以在右侧属性面板中找到 “Borders” 选项，以控制路径对象是否具有边框。

hasBorders 属性的一些注意事项

如果你想让路径对象可以被选择和移动，但不希望显示边框，那么你可以将 hasBorders 属性设置为 false，并将 hasControls 属性设置为 true。

var path = new fabric.Path('M 0 0 L 200 200 L 100 300 z');
path.set({ hasBorders: false, hasControls: true });

这样，路径对象就可以被选择和移动，但不会显示边框。

结论

hasBorders 属性是一个非常有用的属性，它可以控制路径对象是否具有边框。通过设置 hasBorders 属性，你可以轻松地控制路径对象的可视化效果，以满足你的需求。