둥근 모서리가있는 FabricJS 캔버스

Question

둥근 모서리가있는 FabricJS 캔버스를 만드는 방법은 무엇입니까? 캔버스 자체와 객체 내부가 아닌이 작업을 수행하려고합니다.

Answer 1

캔버스 요소에 CSS border-radius 속성을 사용 : CSS 스타일 시트에,

var canvas = new fabric.Canvas('my-canvas'); 

// bigger pixels for more rounded corners 
document.getElementById('my-canvas').style.borderRadius = '5px'; 

을 또는 :

#my-canvas { 
    border-radius: 5px; 
}