Opensea Dragon y fabric js se usan juntos en React basado en TypeScript. Haga clic en el botón en la barra de herramientas con el rodillo/pincel/variable/borrador, está hecho para deslizarse en el lienzo de tela. Cuando hago clic en el botón, quiero cambiar el cursor utilizado por el lienzo.

así que escribo código como este

 useEffect(() => { const canvas = overlay.fabricCanvas() console.log("this is ",cursorHandler); if (cursorHandler === "ruler") { canvas.freeDrawingCursor='url(Length.cur),default'; } else if (cursorHandler === "brush") { canvas.defaultCursor = 'text' } else if (cursorHandler === "eraser") { canvas.defaultCursor = 'wait' } else if (cursorHandler === "rectangle") { canvas.defaultCursor = 'cell' } }, [cursorHandler])

'texto', 'esperar', 'celda' funciona pero la regla no funciona, por supuesto, Longitud.cur está en el mismo directorio

cómo cambiar el cursor cuando hago clic en el botón en la barra de herramientas