0.4.0-alpha.37 • Published 11 months ago

@idraw/studio v0.4.0-alpha.37

Weekly downloads
-
License
MIT
Repository
github
Last release
11 months ago

@idraw/studio

Sponsors

@idraw/studio 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 iDrawjs's development.

Become a Backer

@idraw/studio Preview

You can click idrawjs.com/studio/ to experience it.

The preview of @idraw/studo.

Usage

# Install peer dependcies
npm install antd idraw

npm install @idraw/studio
import * as React from 'react';
import { createRoot } from 'react-dom/client';
import { Studio } from '@idraw/studio';
import '@idraw/studio/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 (
    <Studio
      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:idrawjs/studio.git

cd studio

pnpm install

npm run dev
0.4.0-alpha.36

11 months ago

0.4.0-alpha.37

11 months ago

0.4.0-alpha.32

12 months ago

0.4.0-alpha.33

12 months ago

0.4.0-alpha.34

12 months ago

0.4.0-alpha.35

12 months ago

0.4.0-alpha.30

1 year ago

0.4.0-alpha.29

1 year ago

0.4.0-alpha.24

1 year ago

0.4.0-alpha.21

1 year ago

0.4.0-alpha.20

1 year ago

0.4.0-alpha.19

1 year ago

0.4.0-alpha.18

1 year ago

0.4.0-alpha.16

1 year ago

0.4.0-alpha.15

1 year ago

0.4.0-alpha.14

1 year ago

0.4.0-alpha.13

1 year ago

0.4.0-alpha.12

1 year ago

0.4.0-alpha.11

1 year ago

0.4.0-alpha.10

1 year ago

0.4.0-alpha.9

1 year ago

0.4.0-alpha.8

1 year ago

0.4.0-alpha.7

2 years ago

0.4.0-alpha.6

2 years ago

0.4.0-alpha.4

2 years ago

0.4.0-alpha.3

2 years ago

0.4.0-alpha.2

2 years ago

0.4.0-alpha.1

2 years ago

0.4.0-alpha.0

2 years ago

0.4.0-alpha.5

2 years ago

0.2.0-alpha.0

2 years ago

0.1.0-alpha.1

3 years ago

0.1.0-alpha.0

3 years ago

0.0.20

4 years ago

0.0.21

4 years ago

0.0.19

4 years ago

0.0.18

4 years ago

0.0.17

4 years ago

0.0.16

4 years ago

0.0.15

4 years ago

0.0.13

4 years ago

0.0.14

4 years ago

0.0.12

4 years ago

0.0.10

4 years ago

0.0.11

4 years ago

0.0.9

4 years ago

0.0.8

4 years ago

0.0.7

4 years ago

0.0.6

4 years ago

0.0.5

4 years ago

0.0.1

4 years ago

0.0.3

4 years ago

0.0.2

4 years ago

0.0.4

4 years ago

0.0.0

4 years ago