logo

오픈소스 웹 기반 크리에이티브 보드

Stars Badge Forks Badge License Badge release

한국어 / 中文(简体) / 中文(繁体) / 日本語 / English

## 미리 보기 Link: [https://songlh.top/paint-board/](https://songlh.top/paint-board/) Docs: [https://songlh.top/paint-board-docs/](https://songlh.top/paint-board-docs/)
preview
## 기능 소개 + 그리기 모드 - 자유 그리기: 기본, 펜, 외곽선 펜, 무지개, 다중 모양, 소재, 픽셀, 다색, 텍스트, 다중 선, 그물, 다중 점, 물결, 가시, 잉크 등 15가지 브러시를 제공합니다. - 도형 그리기: 내장 도형과 Lucide 아이콘 라이브러리 도형을 포함해 풍부한 도형 그리기를 지원하며, 클릭 한 번으로 추가하여 사용할 수 있습니다. 선 너비, 선 스타일, 채우기 색상 및 채우기 스타일을 설정할 수 있습니다. + 지우개 모드: 모든 내용을 선형으로 지울 수 있으며 선형 너비 설정을 지원합니다. + 선택 모드: 클릭 또는 박스 선택으로 편집할 수 있습니다. 선택 후 드래그, 확대/축소, 회전, 색 변경이 가능하고, 여러 객체를 그룹으로 묶을 수 있습니다. + 드로잉 보드 모드: 드로잉 보드 배경, 사용자 지정 크기 및 글로벌 그리기 설정 지원. + 작업 모음: 실행 취소, 다시 실행, 복사, 그룹, 삭제, 텍스트 그리기, 이미지 업로드, 그리기 내용 지우기, 이미지로 저장, 레이어 목록, 파일 목록. + 다중 파일 설정: 여러 캔버스를 전환할 수 있습니다. 각 캔버스의 제목을 바꿀 수 있고, 추가, 이름 변경, 삭제, 업로드, 일괄 다운로드를 지원합니다. + 국제화: 中文(简体), 中文(繁体), English, 日本語, 한국어. ## V1.3.0 Video Demo ## 빠른 시작 ``` git clone https://github.com/LHRUN/paint-board.git cd paint-board pnpm install pnpm dev ``` ### Docker 1. Clone source code repository ```sh git clone https://github.com/LHRUN/paint-board.git cd paint-board ``` 2. Build a Docker image with the name `paint-board`. ```sh docker build -t paint-board . ``` 3. Start a docker container. ```sh docker run -d -p 8080:80 --name paint-board paint-board ``` 4. Accessed by opening `http://localhost:8080/paint-board/` in your browser. ## 브라우저 지원 최신 버전의 Google 크롬을 사용하는 것이 좋으며, 최소 지원 버전은 다음과 같습니다. | [ Edge](http://godban.github.io/browsers-support-badges/)
Edge | [Firefox](http://godban.github.io/browsers-support-badges/)
Firefox | [Chrome](http://godban.github.io/browsers-support-badges/)
Chrome | [Safari](http://godban.github.io/browsers-support-badges/)
Safari | | :--: | :--: | :--: | :--: | | 80+ | 80+ | 70+ | 16.4+ | ## 문의하기 제안이나 좋은 아이디어가 있으시면 언제든지 저에게 연락해 주세요! + Email: song.lhlh@gmail.com + Telegram: https://t.me/longhao_song + WeChat: August8_L ## Contributing 페인트보드에 기여해 주셔서 감사합니다. 버그를 발견하여 수정하고 싶으시면 먼저 이슈로 제출해 주세요. 새로운 기능 추가에 대해서는 토론을 통해 또는 위에 제공된 연락처로 직접 문의해 주시고, 아래의 기여 가이드라인을 읽어보신 후 기여해 주세요. 여러분의 지원에 감사드립니다! [Contribution Guidelines](./CONTRIBUTING.md) ## Document + After refactoring with Fabric.js - [Exploring the Canvas Series: combined with Transformers.js to achieve intelligent image processing](https://songlh.top/2024/11/23/Exploring-the-Canvas-Series-combined-with-Transformers-js-to-achieve-intelligent-image-processing/) - [Exploring the Canvas Series: The Art of Time Reversal in the Canvas](https://songlh.top/2024/01/10/Exploring-the-Canvas-Series-The-Art-of-Time-Reversal-in-the-Canvas/) - [Exploring the Canvas Series: Creative Brushes Part 1](https://songlh.top/2024/04/14/Exploring-the-Canvas-Series-Creative-Brushes-Part-1/) - [Exploring the Canvas Series: Creative Brushes Part 2](https://songlh.top/2024/04/15/Exploring-the-Canvas-Series-Creative-Brushes-Part-2/) - [Exploring the Canvas Series: Creative Brushes Part 3](https://songlh.top/2024/04/16/Exploring-the-Canvas-Series-Creative-Brushes-Part-3/) - writing... + Before refactoring with Fabric.js - [Canvas Artistry：Mastering Selection, Dragging, and Scaling](https://songlh.top/2023/11/30/Canvas-Artistry1) - [Canvas Artistry：Drawing magic with multiple effects](https://songlh.top/2023/12/01/Canvas-Artistry2) ## License MIT License. See the [LICENSE](https://github.com/LHRUN/paint-board/blob/main/LICENSE) file.