如何更改fabric.js上的默认选择颜色？

Question

如何更改 Fabric.js 上默认的蓝色选择颜色？我尝试更改 Fabric.js 中的这些行，但没有效果：

selectionColor: 'rgba(17,119,255,0.3)',
selectionBorderColor:   'rgba(255, 255, 255, 0.3)',
editingBorderColor: 'rgba(102,153,255,0.25)',

还有其他办法吗？

Answer 1

好的，现在我明白你到底需要什么，你想改变所选分组对象的边框，也许还有边框上的方块。

我在厨房水槽上测试了它，它有效， 您必须捕获选择事件，并在事件内更改 activeGroup 的 borderColor 和 cornerColor 属性。

您的对象：所选事件：

canvas.on('object:selected', function(o){
var activeObj = o.target;
if(activeObj.get('type') == 'group') {
     activeObj.set({'borderColor':'#fbb802','cornerColor':'#fbb802'});

 }
});

希望有帮助，祝你好运。

Answer 2

您可以使用此参数更改织物对象的边框颜色（选择对象时显示）：borderColor

例如：

canvas._objects[0].set({'borderColor':'#fbb802'});
canvas.renderAll();

希望有帮助，祝你好运。

Answer 3

使用

selectionBorderColor

属性。

canvas.selectionBorderColor = 'red';

欲了解更多信息，请访问：http://fabricjs.com/customization

Answer 4

经过大量搜索，我终于找到了一种解决方案，可以在选择多个对象时更改默认格式样式。

fabric.Object.prototype.set({     
    transparentCorners: false,
    cornerStyle: 'circle',
    cornerColor: '#3880ff',
    cornerSize: 12,
})