To create a custom shape with
react-konva, we should use the
When creating a custom shape, we need to define a drawing function that is passed to a Konva.Canvas renderer.
We can use the renderer to access the HTML5 Canvas context, and to use special methods like
context.fillStrokeShape(shape) which automatically handle filling, stroking, and applying shadows.