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

Question

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

​

好的，现在我明白了你需要的是什么，你想要改变所选的分组对象的边框，也许是边框上的正方形。

我在厨房链接上测试了它，它起作用了，您必须捕获选择事件，并且在事件中您更改了borderColor和cornerColor属性的activeGroup。

您的对象:选定的事件：

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

 }
});

希望有帮助，祝你好运。

Answer 2

可以使用以下参数更改fabric对象的边框颜色(在选择对象时显示)：borderColor

例如：

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

希望有帮助，祝你好运。

Answer 3

使用selectionBorderColor属性。

canvas.selectionBorderColor = 'red';

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