LCD 单色液晶显示位图编辑器

这是一个基于网页的 LCD 单色液晶显示位图编辑器，用于创建和编辑适用于单色 LCD 显示屏的位图图案。该工具提供了直观的图形界面，让用户能够轻松地创建、编辑和导出 LCD 显示所需的字模数据。

在线链接

主要功能

• 画布编辑

  • 可调整画布尺寸（宽度和高度）
  • 支持鼠标绘制和擦除
  • 网格显示功能，帮助精确定位
  • 可调节显示比例（1-20倍缩放）
  • 支持撤销操作（最多5步）

• 文字绘制

  • 支持多种内置字体
    • 8x8 字体
    • 8x16 字体
    • 10x18 字体
  • 可设置文字位置（X,Y坐标）
  • 支持文字反显功能

• 数据导出

  • 导出 C 语言格式的字模数据
  • 支持复制到剪贴板

使用方法

1. 基本操作

   • 左键点击或拖动进行绘制
   • 右键点击或拖动进行擦除
   • 使用撤销按钮回退操作
   • 使用清屏按钮清除所有内容

2. 调整画布

   • 在左侧面板设置画布宽度和高度
   • 点击"更新尺寸"按钮应用更改
   • 使用缩放滑块调整显示比例
   • 可选择是否显示网格线

3. 文字输入

   • 在顶部工具栏选择字体
   • 设置文字的 X,Y 坐标
   • 输入 ASCII 字符
   • 可选择是否反显文字
   • 点击"放置文本"按钮插入文字

4. 导出数据

   • 点击"导出字模"按钮
   • 在弹出窗口中查看 C 语言格式的字模数据
   • 使用"复制到剪贴板"按钮复制数据

技术特点

• 纯前端实现，无需后端服务
• 支持像素级精确编辑
• 实时预览效果
• 自动生成 C 语言格式的字模数据
• 支持坐标刻度显示（每8个像素显示一个刻度）

使用场景

• 单色 LCD 显示屏的图形设计
• 嵌入式系统的用户界面开发
• 自定义字体和图标的创建
• LCD 显示屏的调试和测试

开始使用

直接在浏览器中打开 index.html 文件即可开始使用。无需安装任何依赖或配置环境。