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