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; 
}