Skip to content

xuyf455487/flutter_board

Repository files navigation

Flutter Drawing Board

一个使用 Flutter 开发的功能丰富的绘图板应用,支持多种绘图工具和实时预览。

功能特点

绘图工具

  • ✏️ 自由画笔:自由绘制任意形状
  • ➡️ 箭头:绘制带箭头的直线
  • 📦 矩形:绘制矩形边框
  • ⭕ 椭圆:绘制椭圆形状
  • 🔲 马赛克:半透明马赛克效果(20%透明度)
  • 📝 文字:添加文本内容

样式设置

  • 🎨 颜色选择

    • 🔴 红色
    • 🔵 蓝色
    • 💚 绿色
    • ⚫ 黑色
  • 📏 大小调节

    • 小号 (2.0)
    • 中号 (5.0)
    • 大号 (10.0)

其他功能

  • 🗑️ 一键清除画布
  • 🔄 实时预览
  • 💫 流畅的绘制体验
  • 📱 响应式设计

使用说明

1. 工具选择

  • 点击顶部工具栏的相应图标选择绘图工具
  • 当前选中的工具会以蓝色高亮显示
  • 每个工具都有相应的提示文本

2. 颜色选择

  • 点击底部颜色按钮切换颜色
  • 当前选中的颜色会显示白色边框
  • 马赛克工具使用固定的半透明黑色

3. 大小调节

  • 点击大小按钮切换画笔粗细
  • 当前选中的大小会高亮显示
  • 影响所有工具的绘制大小

4. 具体操作

  • 画笔:直接在画布上拖动进行绘制
  • 箭头:按住并拖动确定方向和长度
  • 矩形/椭圆:按住并拖动确定大小和形状
  • 马赛克:在画布上拖动添加马赛克效果
  • 文字:点击画布位置,在弹出的对话框中输入文字

5. 清除功能

  • 点击底部的清除按钮可以清空整个画布
  • 清除操作不可撤销,请谨慎使用

项目结构

About

a flutter drawing borad

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published