@opendraw/editor v1.0.3

@opendraw/editor

Sponsors

@opendraw/editor is an MIT-licensed open source project with its ongoing development made possible entirely by the support of these awesome backers. If you'd like to join them, please consider sponsoring opendraw's development.

@opendraw/editor Preview

You can click opendraw.cn/editor/ to experience it.

The preview of @opendraw/editor.

Usage

# Install peer dependcies
npm install antd opendraw

npm install @opendraw/editor

import * as React from 'react';
import { createRoot } from 'react-dom/client';
import { Editor } from '@opendraw/editor';
import '@opendraw/editor/dist/css/index.css';

const App = () => {
  const [width, setWidth] = useState < number > window.innerWidth;
  const [height, setHeight] = useState < number > window.innerHeight;
  useEffect(() => {
    window.addEventListener('resize', () => {
      setWidth(window.innerWidth);
      setHeight(window.innerHeight);
    });
  }, []);

  return (
    <Editor
      width={width}
      height={height}
      data={data}
      defaultScaleInfo={{
        scale: 1,
        offsetX: 0,
        offsetY: 0
      }}
    />
  );
};

const root = createRoot(document.querySelector('#app'));
root.render(<App />);

Development

git clone git@github.com:longzhoufeng/editor.git

cd editor

pnpm install

npm run dev