https://github.com/idrawjs/studio

The studio of iDraw.js (iDraw.js的画图编辑器)
https://github.com/idrawjs/studio

canvas desgin figma idraw idraw-studio idrawjs idrawjs-editor sketch

Last synced: 7 days ago
JSON representation

The studio of iDraw.js (iDraw.js的画图编辑器)

• Host: GitHub
• URL: https://github.com/idrawjs/studio
• Owner: idrawjs
• License: mit
• Created: 2021-06-05T10:39:50.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-06-16T08:16:20.000Z (6 months ago)
• Last Synced: 2024-06-16T10:01:11.589Z (6 months ago)
• Topics: canvas, desgin, figma, idraw, idraw-studio, idrawjs, idrawjs-editor, sketch
• Language: TypeScript
• Homepage: https://idrawjs.com/studio/
• Size: 8.05 MB
• Stars: 72
• Watchers: 4
• Forks: 19
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# @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](https://opencollective.com/idrawjs).

[![Become a Backer](https://opencollective.com/idrawjs/tiers/backers.svg?avatarHeight=48)](https://opencollective.com/idrawjs)

 

## @idraw/studio Preview

You can click [idrawjs.com/studio/](https://idrawjs.com/studio) to experience it.

The preview of `@idraw/studo`. 



  

  



## Usage

```sh 

# Install peer dependcies

npm install antd idraw

npm install @idraw/studio

```

```js

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(window.innerWidth);

  const [height, setHeight] = useState(window.innerHeight);

  useEffect(() => {

    window.addEventListener('resize', () => {

      setWidth(window.innerWidth);

      setHeight(window.innerHeight);

    });

  }, []); 

  return (

    

  );

};

const root = createRoot(document.querySelector('#app'));

root.render();

```

## Development

```sh

git clone [email protected]:idrawjs/studio.git

cd studio

pnpm install

npm run dev

```