Makeit Graffiti

screenshot of Makeit Graffiti
vue
less

:fire: 涂鸦白板 - :collision: 采用离屏渲染方式来实现各种涂鸦工具的绘制,顺滑流畅的马克笔,支持圆形 / 矩形 / 箭头 / 直线等各类常用图形工具。:boom: 支持无限拖拽画布,激光笔,橡皮擦,文本,撤销,恢复等各式各样的基础功能。:dart: 非开源版本仅提供体验地址,具体将集成会议管理 / 用户管理 / 权限管理 / 在线聊天等,焕然一新的 UI 界面 :sweat_drops:

Overview

涂鸦白板的Demo版本是一款简单直观的白板工具,适合个人和小团队使用。尽管它目前处于初步阶段,但它已经提供了一系列基本的涂鸦功能,能够满足日常需求。这个开源项目的目标是为用户提供一个易于操作的画布,并为将来的更多功能奠定基础。

Features

  • 无限画布: 灵活的画布设计,支持用户自由拖拽和扩展,适合各种创作需求。
  • 多种涂鸦工具: 包含马克笔、激光笔、圆形、矩形等,用户可以根据需求自由选择工具。
  • 文本输入功能: 让用户可以在画布上添加文字,更好地表达想法和信息。
  • 撤销和恢复: 直观的操作,用户可以轻松撤销或恢复上一步操作,极大提升使用体验。
  • 截屏功能: 用户可以方便地捕捉画布内容,便于分享或保存。
  • 用户友好的UI设计: 简洁的界面使得新用户也能快速上手,专注于创作而不是学习工具。
  • 将来扩展可能: 后续版本计划集成更多功能,如会议、文档管理、实时同步等,增加了使用的灵活性和便捷性。
vue
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

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

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

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.