Estoy tratando de convertir nuestro código heredado, que usa Fabric.js 4.0.0-beta.6 , a la última versión, pero encontré un problema que parece que no puedo resolver.

Estoy tratando de dibujar una forma de arco que funciona bien en la version 4 pero no funciona en versiones posteriores.

https://jsbin.com/rigusotuto/edit?html,js,salida

 const canvas = new fabric.Canvas('canvas'); canvas.setWidth(document.body.clientWidth); canvas.setHeight(document.body.clientHeight); const angle = 100; const radius = 100; const arc = new fabric.Circle({ originX: 'center', originY: 'center', radius: radius, fill: 'rgba(0,0,0,0.8)', left: 100, top: 100, clipTo: (ctx) => { ctx.moveTo(0, 0); ctx.arc( 0, 0, radius, (360 - angle) * (Math.PI / 180) - Math.PI / 2, 360 * (Math.PI / 180) - Math.PI / 2, false ); }, }); canvas.add(arc);