圆角FabricJS画布

Question

如何制作圆角的FabricJS画布？我希望用画布本身来做这件事，而不是里面的对象。

Answer 1

在画布元素上使用CSS border-radius属性：

var canvas = new fabric.Canvas('my-canvas');

// bigger pixels for more rounded corners
document.getElementById('my-canvas').style.borderRadius = '5px';

或者，在CSS样式表中：

#my-canvas {
    border-radius: 5px;
}