FabricJS帆布圆角

Question

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

Answer 1

在canvas元素上使用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;
}