composable-editor-canvas

A composable editor canvas library.

install

yarn add composable-editor-canvas

usage

• useUndoRedo https://plantain-00.github.io/composable-editor-canvas/?p=undo-redo.story
• usePatchBasedUndoRedo https://plantain-00.github.io/composable-editor-canvas/?p=patch-based-undo-redo.story.story
• useWheelScroll https://plantain-00.github.io/composable-editor-canvas/?p=wheel-scroll.story
• useWheelZoomhttps://plantain-00.github.io/composable-editor-canvas/?p=wheel-zoom.story
• useZoom https://plantain-00.github.io/composable-editor-canvas/?p=keyboard-zoom.story
• Scrollbar https://plantain-00.github.io/composable-editor-canvas/?p=scrollbar.story
• useDragMove https://plantain-00.github.io/composable-editor-canvas/?p=drag-move.story
• useDragRotate RotationBar https://plantain-00.github.io/composable-editor-canvas/?p=drag-rotate.story
• useDragResize ResizeBar https://plantain-00.github.io/composable-editor-canvas/?p=drag-resize.story
• useDragSelect https://plantain-00.github.io/composable-editor-canvas/?p=drag-select.story
• useRegionAlignment AlignmentLine https://plantain-00.github.io/composable-editor-canvas/?p=region-alignment-line.story
• useLineAlignment AlignmentLine https://plantain-00.github.io/composable-editor-canvas/?p=line-alignment-line.story
• useCircleClickCreate https://plantain-00.github.io/composable-editor-canvas/?p=circle-click-create.story
• useCircleEdit CircleEditBar https://plantain-00.github.io/composable-editor-canvas/?p=circle-edit.story
• useLineClickCreate https://plantain-00.github.io/composable-editor-canvas/?p=line-click-create.story
• usePolylineEdit PolylineEditBar https://plantain-00.github.io/composable-editor-canvas/?p=polyline-edit.story
• useEllipseClickCreate https://plantain-00.github.io/composable-editor-canvas/?p=ellipse-click-create.story
• useEllipseEdit EllipseEditBar https://plantain-00.github.io/composable-editor-canvas/?p=ellipse-edit.story
• usePolygonClickCreate https://plantain-00.github.io/composable-editor-canvas/?p=polygon-click-create.story
• useCircleArcClickCreate https://plantain-00.github.io/composable-editor-canvas/?p=circle-arc-click-create.story
• useCircleArcEdit CircleArcEditBar https://plantain-00.github.io/composable-editor-canvas/?p=circle-arc-edit.story
• useEllipseArcClickCreate https://plantain-00.github.io/composable-editor-canvas/?p=ellipse-arc-click-create.story
• useEllipseArcEdit EllipseArcEditBar https://plantain-00.github.io/composable-editor-canvas/?p=ellipse-arc-edit.story
• useTextClickCreate https://plantain-00.github.io/composable-editor-canvas/?p=text-click-create.story
• useImageClickCreate https://plantain-00.github.io/composable-editor-canvas/?p=image-click-create.story
• usePathClickCreate https://plantain-00.github.io/composable-editor-canvas/?p=path-click-create.story
• usePenClickCreate https://plantain-00.github.io/composable-editor-canvas/?p=pen-click-create.story
• ReactRenderTarget reactSvgRenderTarget reactCanvasRenderTarget reactWebglRenderTarget https://plantain-00.github.io/composable-editor-canvas/?p=react-render-target.story
• useWindowSize https://plantain-00.github.io/composable-editor-canvas/?p=window-size.story
• useSelected https://plantain-00.github.io/composable-editor-canvas/?p=use-selected.story
• useEdit https://plantain-00.github.io/composable-editor-canvas/?p=edit.story
• usePartialEdit https://plantain-00.github.io/composable-editor-canvas/?p=partial-edit.story
• useSelectBeforeOperate https://plantain-00.github.io/composable-editor-canvas/?p=select-before-operate.story
• getRadialDimensionGeometries https://plantain-00.github.io/composable-editor-canvas/?p=radial-dimension.story
• getLinearDimensionGeometries https://plantain-00.github.io/composable-editor-canvas/?p=linear-dimension.story
• ExpressionEditor https://plantain-00.github.io/composable-editor-canvas/?p=expression-editor.story
• useFlowLayoutEditor https://plantain-00.github.io/composable-editor-canvas/?p=flow-layout-editor.story
• useFlowLayoutTextEditor https://plantain-00.github.io/composable-editor-canvas/?p=flow-layout-text-editor.story
• useFlowLayoutBlockEditor https://plantain-00.github.io/composable-editor-canvas/?p=flow-layout-block-editor.story
• useJsonEditorData https://plantain-00.github.io/composable-editor-canvas/?p=react-composable-json-editor.story
• solveEquations https://plantain-00.github.io/composable-editor-canvas/?p=equation-solver.story
• renderEquation https://plantain-00.github.io/composable-editor-canvas/?p=equation-renderer.story

combinations

• combination 1: https://plantain-00.github.io/composable-editor-canvas/?p=index
• combination 2: https://plantain-00.github.io/composable-editor-canvas/?p=combination-2
• whiteboard: https://plantain-00.github.io/composable-editor-canvas/?p=whiteboard
• combination 3: https://plantain-00.github.io/composable-editor-canvas/?p=combination-3
• combination 4: https://plantain-00.github.io/composable-editor-canvas/?p=combination-4
• combination 5: https://plantain-00.github.io/composable-editor-canvas/?p=combination-5