UNPKG

@shapeshop/react

Version:

A TS hook and component to capture user mouse/stylus inputs to generate svg shapes and paths

github.com/sweetcoco/shapeshop

sweetcoco/shapeshop

14 lines (8 loc) • 628 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
# ShapeShop React Hook The hook accepts 3 arguments. 1. [required] a `ref` to the object you wish to capture mouse events on 2. [required] the default `ShapeType` you want ShapeShop to interpret from these events 3. [optional] the memoized callback you want to execute on each mouse event, which is passed a CanvasUpdate when invoked. Refer to the [example Canvas component](../../example/react-app/src/Canvas.tsx) for an implementation. Remember that ShapeShop works by giving you shape data back, its up to you to draw it or use it at all. The [example react-app](../../example/react-app/) has a thorough implementation.