liquid
035c8dba6f
实现视频帧选择功能，包括： 1. 添加视频帧选择弹窗组件，支持拖动进度条或输入时间选择指定帧 2. 新增视频帧插入工具，可将选定帧插入画布中视频元素下方 3. 重构历史记录功能为通用组件，支持图片和视频历史统一管理 4. 优化视频尺寸获取逻辑，添加缓存机制提升性能 5. 强制全局UI使用浅色主题，确保视觉一致性
Open-source whiteboard tool (SaaS), an all-in-one collaborative canvas that includes mind mapping, flowcharts, freehand and more.
Whiteboard with mind mapping, flowcharts, freehand drawing and more
Features
- 💯 Free and Open Source
- ⚒️ Mind Maps and Flowcharts
- 🖌 Freehand
- 😀 Image Support
- 🚀 Plugin-based Architecture - Extensible
- 🖼️ 📃 Export to PNG, JPG, JSON(.drawnix)
- 💾 Auto-save (Browser Storage)
- ⚡ Edit Features: Undo, Redo, Copy, Paste, etc.
- 🌌 Infinite Canvas: Zoom, Pan
- 🎨 Theme Support
- 📱 Mobile-friendly
- 📈 Support mermaid syntax conversion to flowchart
- ✨ Support markdown text conversion to mind map（New 🔥🔥🔥）
About the Name
Drawnix is born from the interweaving of Draw and Phoenix, a fusion of artistic inspiration.
The Phoenix symbolizes endless creativity, while Draw represents humanity's most fundamental form of expression. Here, each creation is an artistic rebirth, every stroke a renaissance of inspiration.
Like a Phoenix, creativity must rise from the flames to be reborn, and Drawnix stands as the guardian of both technical and creative fire.
Draw Beyond, Rise Above.
About Plait Drawing Framework
Drawnix is positioned as an out-of-the-box, open-source, and free tool product. It is built on top of the Plait framework, which is our company's open-source drawing framework representing significant technical accumulation in knowledge base products(PingCode Wiki).
Drawnix uses a plugin architecture, which is technically more complex than the previously mentioned open-source tools. However, this plugin architecture has its advantages: it supports multiple UI frameworks (Angular, React), integrates with different rich text frameworks (currently only supporting Slate framework), enables better business layer separation in development, allows development of various fine-grained reusable plugins, and can expand to more whiteboard application scenarios.
Repository Structure
drawnix/
├── apps/
│ ├── web # drawnix.com
│ │ └── index.html # HTML
├── dist/ # Build artifacts
├── packages/
│ └── drawnix/ # Whiteboard application core
│ └── react-board/ # Whiteboard react view layer
│ └── react-text/ # Text rendering module
├── package.json
├── ...
└── README.md
└── README_en.md
Try It Out
https://drawnix.com is the minimal application of drawnix.
I will be iterating frequently on drawnix.com until the release of the Dawn version.
Development
npm install
npm run start
Docker
docker pull pubuzhixing/drawnix:latest
Dependencies
- plait - Open source drawing framework
- slate - Rich text editor framework
- floating-ui - An awesome library for creating floating UI elements
Contributing
Any form of contribution is welcome:
-
Report bugs
-
Contribute code
Thank you for supporting
Special thanks to the company for its strong support for open source projects, and also to the friends who contributed code and provided suggestions to this project.
