Makeit Graffiti
:fire: 涂鸦白板 - :collision: 采用离屏渲染方式来实现各种涂鸦工具的绘制，顺滑流畅的马克笔，支持圆形 / 矩形 / 箭头 / 直线等各类常用图形工具。:boom: 支持无限拖拽画布，激光笔，橡皮擦，文本，撤销，恢复等各式各样的基础功能。:dart: 非开源版本仅提供体验地址，具体将集成会议管理 / 用户管理 / 权限管理 / 在线聊天等，焕然一新的 UI 界面 :sweat_drops:
Overview
The 涂鸦白板 (Doodle Whiteboard) Demo version is a promising tool for those seeking a simple yet effective platform for sketching and brainstorming. Although it is currently in a single-user format, it offers a variety of core features that can foster creativity. This initial release showcases a user-friendly design that caters to basic drawing needs, making it an accessible option for casual users or those new to digital doodling.
As the developers plan to introduce a more advanced version, users can look forward to enriched functionalities including real-time collaboration and enhanced user interface designs. For now, the Demo provides a solid foundation for users to explore the essential doodling capabilities.
Features
- Infinite Canvas: Enjoy the freedom to drag and drop elements without worrying about space constraints.
- Diverse Drawing Tools: Utilize essential tools like markers, laser pens, shapes, and text to bring your ideas to life.
- Undo/Redo Options: Easily correct mistakes or revert to previous versions of your doodles for smooth user experience.
- Screenshot Functionality: Capture your creations with ease, allowing you to save or share your work effortlessly.
- User-Friendly UI: The interface is straightforward, making it easy for anyone to operate, even if they are not tech-savvy.
- Future Enhancements: Stay tuned for upcoming features, including real-time synchronization, document integration, and online chat options.
- Open Source Code: As a Demo version, it encourages contributions and improvements from the developer community.
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- LESS
Less CSS is a dynamic stylesheet language that extends the capabilities of CSS, allowing developers to write cleaner, more modular, and reusable stylesheets with features like variables, mixins, and nested rules.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.