@idraw/studio

idrawjs.com/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.

@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*asReactfrom'react';import{createRoot}from'react-dom/client';import{Studio}from'@idraw/studio';import'@idraw/studio/dist/css/index.css'constApp=()=>{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(<Studiowidth={width}height={height}data={data}defaultScaleInfo={{scale: 1,offsetX: 0,offsetY: 0}}/>);};constroot=createRoot(document.querySelector('#app'));root.render(<App/>);

Development

git clone git@github.com:idrawjs/studio.git
cd studio
pnpm install
npm run dev