fabricjs - 自定义 Canvas 上所有项目的控件

Question

在fabric.js文档的自定义部分(http://fabricjs.com/customization/)中，它指出了修改 Canvas 上某些项目的边框外观和感觉的多种方法。使用的语法是:

canvas.item(0).hasControls = false;

或者:

canvas.item(0).hasControls = canvas.item(0).hasBorders = false;

等等。有没有办法在 Canvas 上的所有项目上使用 hasControls/hasBorders 自定义，而不必按项目编号调用它们？

我已经尝试过:

canvas.hasControls = false;
canvas.hasBorders = false;

但这没有任何效果。有什么想法吗？

Answer 1

这是你可以做的:

canvas.forEachObject(function(o){ o.hasBorders = o.hasControls = false; });

或者您可以在初始化 Canvas 后从一开始就更改对象原型(prototype)默认值:

fabric.Object.prototype.hasControls = false;
fabric.Object.prototype.hasBorders = false;