多语言展示
当前在线:1667今日阅读:39今日分享:10

OLED/LCD WEB在线图片取模工具,用arduino玩

首先介绍在线取模工具,网上有很多,这里会给大家看看这个
工具/原料
1

u8glib、u8g2等Arduino图形显示设备驱动库。

2

OpenJumper 12864 OLED、OpenJumper MINI12864 LCD

方法/步骤
1

第一,给大家介绍使用方法:1.准备一张图片,图片分辨率应小于你的显示设备2.在网页中上传图片3.复制生成的代码到你的程序中

2

第二,给大家看看u8g2测试代码:可以看一下效果。/*使用u8g2显示数据图形显示器:OpenJumper 12864 OLED设备核心:SSD1306*/ #include  #define rst  2U8G2_SSD1306_128X64_NONAME_F_HW_I2C  u8g2(U8G2_R0 , rst); //取模得到的数组//width:55,height:64const unsigned char col[] U8X8_PROGMEM= {0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0x00,0xc0,0xff,0x03,0x00,0x00,0x00,0x00,0xfc,0xff,0x3f,0x00,0x00,0x00,0x00,0x3f,0x00,0xfc,0x00,0x00,0x00,0xc0,0x03,0x00,0xe0,0x03,0x00,0x00,0xf0,0x00,0x00,0x00,0x0f,0x00,0x00,0x38,0x00,0x00,0x00,0x1c,0x00,0x00,0x0e,0x00,0x00,0x00,0x78,0x00,0x00,0x07,0x00,0x00,0x00,0x60,0x00,0x80,0x03,0x00,0x00,0x00,0xc0,0x00,0xc0,0x01,0x00,0x00,0x00,0x80,0x03,0xe0,0x00,0x00,0x00,0x00,0x00,0x03,0x60,0x00,0x00,0x00,0x00,0x00,0x07,0x70,0x00,0x00,0x00,0x00,0x00,0x06,0x30,0x00,0x00,0x00,0x00,0x00,0x0c,0x18,0x00,0x00,0x00,0x00,0x00,0x0c,0x18,0x00,0x00,0x00,0x00,0x00,0x18,0x0c,0x10,0x00,0x00,0x04,0x00,0x18,0x0c,0x18,0x00,0x00,0x0c,0x00,0x30,0x06,0x18,0x00,0x00,0x0c,0x00,0x30,0x06,0x18,0x00,0x00,0x0c,0x00,0x30,0x06,0x18,0x00,0x00,0x0c,0x00,0x30,0x06,0x00,0x00,0x00,0x00,0x00,0x60,0x02,0x00,0x00,0x00,0x00,0x00,0x60,0x03,0x00,0x00,0x00,0xe4,0x00,0x60,0x83,0x04,0x0c,0x06,0xa4,0x00,0x60,0x83,0x0d,0x8c,0x07,0x8c,0x00,0x60,0x03,0x0d,0xfc,0x01,0x08,0x00,0x30,0x03,0x01,0x70,0x00,0x00,0x00,0x30,0x03,0x00,0x00,0x00,0x00,0x00,0x30,0x03,0x00,0x00,0x00,0x00,0x00,0x30,0x06,0x00,0x00,0x00,0x00,0x00,0x18,0x06,0x00,0x00,0x00,0x00,0x00,0x18,0x06,0x00,0x00,0x00,0x00,0x00,0x0c,0x0e,0x00,0x00,0x00,0x00,0x00,0x0c,0x0c,0x00,0x00,0x00,0x00,0x00,0x06,0x1c,0x00,0x00,0x00,0x00,0x00,0x03,0x38,0x00,0x00,0x00,0x00,0xc0,0x01,0x70,0x00,0x00,0x00,0x00,0xe0,0x00,0xe0,0x00,0x00,0x00,0x00,0x78,0x00,0xc0,0x07,0x00,0x00,0x00,0x1e,0x00,0x00,0x3f,0x00,0x00,0x80,0x07,0x00,0x00,0x78,0x00,0x00,0xc0,0x03,0x00,0x00,0x60,0x00,0x60,0xc0,0x00,0x00,0x00,0x60,0x02,0x60,0xc0,0x00,0x00,0x00,0x60,0x06,0x60,0xc0,0x00,0x00,0x00,0x60,0x06,0x60,0xc0,0x00,0x00,0x00,0x60,0x06,0x30,0xc0,0x00,0x00,0x00,0x60,0x06,0x30,0xcc,0x00,0x00,0x00,0x60,0x06,0x18,0xcc,0x00,0x00,0x00,0x60,0x06,0x0c,0xcc,0x00,0x00,0x00,0x60,0x06,0x0e,0xc6,0x00,0x00,0x00,0xe0,0x0c,0x06,0x86,0x01,0x00,0x00,0xc0,0x18,0x02,0x83,0x03,0x00,0x00,0xe0,0x19,0xe7,0x01,0x03,0x00,0x00,0xf0,0xdf,0xff,0x00,0x03,0x00,0x00,0x38,0xc4,0x18,0x00,0x02,0x00,0x00,0x18,0x60,0x00,0x00,0x03,0x00,0x00,0x0c,0x60,0x00,0x00,0x03,0x00,0x00,0x0c,0x20,0x00,0xc0,0x01,0x00,0x00,0x18,0x60,0x00,0xe0,0x00,0x00,0x00,0x38,0x70,0x00,0x7c,0x00,0x00,0x00,0xf0,0xff,0xff,0x1f,0x00,0x00,0x00,0xc0,0x8f,0xff,0x03,0x00,0x00}; void setup(void) {  u8g2.begin();} void loop(void) {  u8g2.clearBuffer();           // 清空显示设备内部缓冲区  u8g2.drawXBMP( 0 , 0 , 55 , 64 , col );     //50,50为图片尺寸,根据你的图片尺寸修改  u8g2.sendBuffer();         // 显示缓冲区内容  delay(1000); }

3

最后,给大家看一下效果图啦。希望大家多多学习,可能涉及的知识比较多。

注意事项
1

需要注意图片的格式,需要兼容

2

需要编译好程序的环境,尽量底层兼容

推荐信息