@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.
You can click idrawjs.com/studio/ to experience it.
The preview of @idraw/studo.
# Install peer dependcies
npm install antd idraw
npm install @idraw/studioimport * 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 />);git clone [email protected]:idrawjs/studio.git
cd studio
pnpm install
npm run dev
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent