如何更改fabric.js上的默认selectionColor？

Question

如何在fabric.js上更改默认的蓝色selectionColor？我试图在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