FabricJS Canvas 圆角

Question

如何制作带圆角的 FabricJS canvas？我希望用 canvas 本身而不是里面的对象来做到这一点。

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

FabricJS Canvas 圆角

FabricJS Canvas with rounded corners

html5-canvas

fabricjs