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