composable-editor-canvas v1.11.0

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 useKey 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
• ReactRenderTarget reactSvgRenderTarget reactCanvasRenderTarget 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
• useJsonEditorData https://plantain-00.github.io/composable-editor-canvas/?p=json-editor.story

combinations

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