LCD位图编辑器

这是一个专门为单色LCD显示屏设计的在线位图编辑工具。它可以帮助你快速创建、编辑和导出单色位图,支持文本绘制、二维码生成和图片转换等功能。

可以通过页面导航栏:“工具”-> "LCD位图编辑器"

点击这里直达 LCD位图编辑器

主要功能

  1. 基础绘图

    • 自由手绘:使用鼠标左键在画布上绘制
    • 网格显示:可选择显示/隐藏网格辅助线
    • 坐标显示:显示精确的像素坐标
    • 缩放控制:支持1-20倍缩放显示
    • 撤销功能:支持最近5步操作的撤销
  2. 文本绘制

    • 支持多种字体:
      • 8x8 字体
      • 8x16 字体
      • 10x18 字体
    • 可设置文本位置(X,Y坐标)
    • 支持文本反显效果
    • 仅支持ASCII字符
  3. 二维码生成

    • 支持多种二维码格式:
      • 网址链接
      • WiFi配置
      • 电子邮件
      • 电话号码
      • 短信
      • 电子名片
    • 可调整参数:
      • 纠错级别(L/M/Q/H)
      • 版本选择(1-10)
      • 像素大小(1x1或2x2)
    • 支持反色显示
    • 实时预览效果
  4. 图片处理

    • 支持格式:PNG、BMP
    • 图片缩放模式:
      • 适应屏幕
      • 填充屏幕
      • 原始尺寸
      • 自定义比例
    • 阈值调节:可调整黑白转换的阈值(0-255)
    • 支持反色效果
    • 实时预览转换效果

使用方法

基本设置

  1. 设置屏幕尺寸:

    • 在左侧面板输入所需的宽度和高度
    • 点击"更新尺寸"应用更改
  2. 显示设置:

    • 使用缩放滑块调整显示大小
    • 可选择是否显示网格

绘图操作

  1. 手动绘制:

    • 使用鼠标左键在画布上绘制
    • 点击已有像素可以擦除
    • 使用撤销按钮取消最近的操作
  2. 添加文本:

    • 选择合适的字体
    • 设置文本位置(X,Y坐标)
    • 输入ASCII文本
    • 可选择是否反显
    • 点击"放置文本"应用
  3. 生成二维码:

    • 选择二维码类型(或使用模板)
    • 输入内容
    • 设置位置和参数
    • 点击"生成二维码"应用
  4. 处理图片:

    • 选择图片文件
    • 调整缩放模式和阈值
    • 设置位置
    • 点击"处理图片"应用

导出数据

  • 点击"导出字模"按钮
  • 生成的C语言数组可直接用于嵌入式开发
  • 数据格式:每个字节8个像素,MSB优先
  • 可以复制到剪贴板使用

注意事项

  1. 文件大小限制:

    • 图片文件需小于10MB
    • 仅支持PNG和BMP格式
  2. 性能考虑:

    • 建议画布尺寸不要过大
    • 大尺寸二维码可能需要更多处理时间
  3. 兼容性:

    • 推荐使用现代浏览器(Chrome、Firefox、Edge等)
    • 需要启用JavaScript

技术说明

  • 完全基于浏览器端JavaScript实现
  • 无需服务器支持,可离线使用
  • 使用Canvas进行绘图处理
  • 字模数据采用MSB优先的编码方式

应用场景

  • 嵌入式设备UI设计
  • LCD显示内容制作
  • 单色显示屏测试图案生成
  • 二维码模块测试
  • 图片转单色位图

这个工具特别适合在进行ESP32、STM32等嵌入式开发时,快速创建和测试LCD显示内容。它提供了直观的可视化界面,让位图设计变得简单高效。