加入星計劃,您可以享受以下權(quán)益:

  • 創(chuàng)作內(nèi)容快速變現(xiàn)
  • 行業(yè)影響力擴散
  • 作品版權(quán)保護
  • 300W+ 專業(yè)用戶
  • 1.5W+ 優(yōu)質(zhì)創(chuàng)作者
  • 5000+ 長期合作伙伴
立即加入
  • 正文
  • 推薦器件
  • 相關(guān)推薦
  • 電子產(chǎn)業(yè)圖譜
申請入駐 產(chǎn)業(yè)圖譜

ELF 1技術(shù)貼 | 如何在開發(fā)板上生成二維碼圖像

05/08 08:45
2823
閱讀需 12 分鐘
加入交流群
掃碼加入
獲取工程師必備禮包
參與熱點資訊討論

在開發(fā)應(yīng)用程序時,常常需要生成二維碼以便于用戶通過掃描快速訪問信息。為了實現(xiàn)這一功能開發(fā)者通常選用 QRencode 專為生成二維碼圖像設(shè)計的開源庫。然而,要在特定平臺上使用 QRencode,需要將其進行交叉編譯,以確保能夠在目標平臺上正確運行。

深入來看,QRencode庫的正常運作依賴于兩個核心支撐庫:Zlib與LibPNG。其中,Zlib作為開放源代碼的壓縮與解壓縮庫,為數(shù)據(jù)處理提供了強大支持;而LibPNG則用于PNG圖像格式的解析與操作,是圖像處理的關(guān)鍵環(huán)節(jié)。因此,在正式啟動QRencode庫的交叉編譯流程之前,需先行完成對這兩個基礎(chǔ)庫——Zlib與LibPNG的交叉編譯工作。

本篇文章將以ELF 1開發(fā)板為實例,逐步闡述如何將這三大庫——Zlib、LibPNG以及QRencode——成功移植并部署至ELF 1平臺上,解鎖在該平臺上的二維碼生成能力。

一、下載源碼

在瀏覽器復(fù)制以下鏈接跳轉(zhuǎn)后即可下載源碼

Zlib-1.3.1.tar.gz(https://zlib.net/)??
LibPNG-1.6.43.tar.xz(https://www.linuxfromscratch.org/blfs/view/svn/general/libpng.html)

QRencode-4.1.1.tar.gz(https://fukuchi.org/works/qrencode/)

二、交叉編譯Zlib
1、將zlib-1.3.1.tar.gz 源碼拷貝到Ubuntu環(huán)境中并進行解壓
elf@ubuntu:~/work/qrencode$ tar xvf zlib-1.3.1.tar.gz

2、進入Zlib源碼目錄內(nèi),創(chuàng)建一個zlib_INSTALL文件夾以用來放置編譯出來的文件

elf@ubuntu:~/work/qrencode$ cd zlib-1.3.1
elf@ubuntu:~/work/qrencode/zlib-1.3.1$ mkdir zlib_INSTALL

3、設(shè)置環(huán)境變量

elf@ubuntu:~/work/qrencode/zlib-1.3.1$ . /opt/fsl-imx-x11/4.1.15-2.0.0/environment-setup-cortexa7hf-neon-poky-linux-gnueabi

4、生成Makefile,?make 進行編譯

elf@ubuntu:~/work/qrencode/zlib-1.3.1$./configure --prefix=$(pwd)/zlib_INSTALL
elf@ubuntu:~/work/qrencode/zlib-1.3.1$ make

5、編譯完成,執(zhí)行make install將庫和例程等文件安裝到目標文件下

elf@ubuntu:~/work/qrencode/zlib-1.3.1$ make install
elf@ubuntu:~/work/qrencode/zlib-1.3.1$ ls zlib_INSTALL/
include  lib  share
三、交叉編譯LibPNG
1、將libpng-1.6.43.tar.xz 源碼拷貝到Ubuntu環(huán)境中并進行解壓
elf@ubuntu:~/work/qrencode$ tar xvf libpng-1.6.43.tar.xz

2、進入LibPNG源碼目錄內(nèi),創(chuàng)建一個libpng_INSTALL文件夾以用來放置編譯出來的文件:

elf@ubuntu:~/work/qrencode$ cd libpng-1.6.43
elf@ubuntu:~/work/qrencode/libpng-1.6.43$ mkdir libpng_INSTALL

3、設(shè)置環(huán)境變量

elf@ubuntu:~/work/qrencode/libpng-1.6.43$ . /opt/fsl-imx-x11/4.1.15-2.0.0/environment-setup-cortexa7hf-neon-poky-linux-gnueabi

4、生成Makefile,make 進行編譯

elf@ubuntu:~/work/qrencode/libpng-1.6.43$./configure --prefix=$(pwd)/libpng_INSTALL --host=arm
elf@ubuntu:~/work/qrencode/libpng-1.6.43$ make

5、編譯完成,執(zhí)行make install將庫和例程等文件安裝到目標文件下

elf@ubuntu:~/work/qrencode/libpng-1.6.43$ make install
elf@ubuntu:~/work/qrencode/libpng-1.6.43$ ls libpng_INSTALL/
bin  include  lib  share
四、交叉編譯QRencode

1、將qrencode-4.1.1.tar.gz 源碼拷貝到Ubuntu環(huán)境中并進行解壓

elf@ubuntu:~/work/qrencode$ tar xvf qrencode-4.1.1.tar.gz

2、進入QRencode源碼目錄內(nèi),創(chuàng)建一個qrencode_INSTALL文件夾以用來放置編譯出來的文件

elf@ubuntu:~/work/qrencode$ cd qrencode-4.1.1
elf@ubuntu:~/work/qrencode/qrencode-4.1.1$ mkdir qrencode_INSTALL

3、設(shè)置環(huán)境變量

elf@ubuntu:~/work/qrencode/qrencode-4.1.1$ . /opt/fsl-imx-x11/4.1.15-2.0.0/environment-setup-cortexa7hf-neon-poky-linux-gnueabi
elf@ubuntu:~/work/qrencode/qrencode-4.1.1$ export png_CFLAGS="-I/home/elf/work/qrencode/libpng-1.6.43/include/libpng16 -I/home/elf/work/qrencode/libpng-1.6.43/include -I/home/elf/work/qrencode/zlib-1.3.1/include"
elf@ubuntu:~/work/qrencode/qrencode-4.1.1$ export png_LIBS="-L/home/elf/work/qrencode/libpng-1.6.43/lib -lpng16 -L/home/elf/work/qrencode/libpng-1.6.43/include -I/home/elf/work/qrencode/zlib-1.3.1/lib -lz -lm"

4、生成Makefile,make 進行編譯

elf@ubuntu:~/work/qrencode/qrencode-4.1.1$ ./configure --enable-static --disable-shared --prefix=$(pwd)/qrencode-4.1.1_INSTALL --host=arm
elf@ubuntu:~/work/qrencode/qrencode-4.1.1$ make

5、編譯完成,執(zhí)行make install將庫和例程等文件安裝到目標文件下

elf@ubuntu:~/work/qrencode/qrencode-4.1.1$ make install
elf@ubuntu:~/work/qrencode/qrencode-4.1.1$ ls qrencode_INSTALL/
bin  include  lib  share

將以上編譯生成的所有文件拷貝到開發(fā)板/目錄下 ,即可完成部署。

五、測試

root@ELF1:~# qrencode -s 25 -o test.png Hello-ElfBoard

-s:指定圖片大小

-o:輸出二維碼圖片名稱

可以打開微信進行掃一掃,掃描結(jié)果如下圖所示:

至此,就完成了QRencode庫在開發(fā)板上的移植,即可實現(xiàn)在開發(fā)板上生成二維碼圖像。誠摯希望上述指南能為各位小伙伴在嵌入式開發(fā)實戰(zhàn)中提供幫助,助力大家邁向新高度!

推薦器件

更多器件
器件型號 數(shù)量 器件廠商 器件描述 數(shù)據(jù)手冊 ECAD模型 風(fēng)險等級 參考價格 更多信息
JST01TMAC1CY5GE2 1 Viavi Solutions Inc Transceiver,
暫無數(shù)據(jù) 查看
6N137-X007T 1 Vishay Intertechnologies Optocoupler Logic-Out Open Collector DC-IN 1-CH 8-Pin PDIP SMD T/R

ECAD模型

下載ECAD模型
$2.22 查看
TJA1055T/3/CM,118 1 NXP Semiconductors TJA1055 - Enhanced fault-tolerant CAN transceiver SOIC 14-Pin

ECAD模型

下載ECAD模型
$1.95 查看
恩智浦

恩智浦

恩智浦半導(dǎo)體創(chuàng)立于2006年,其前身為荷蘭飛利浦公司于1953年成立的半導(dǎo)體事業(yè)部,總部位于荷蘭埃因霍溫。恩智浦2010年在美國納斯達克上市。恩智浦2010年在美國納斯達克上市。恩智浦半導(dǎo)體致力于打造全球化解決方案,實現(xiàn)智慧生活,安全連結(jié)。

恩智浦半導(dǎo)體創(chuàng)立于2006年,其前身為荷蘭飛利浦公司于1953年成立的半導(dǎo)體事業(yè)部,總部位于荷蘭埃因霍溫。恩智浦2010年在美國納斯達克上市。恩智浦2010年在美國納斯達克上市。恩智浦半導(dǎo)體致力于打造全球化解決方案,實現(xiàn)智慧生活,安全連結(jié)。收起

查看更多

相關(guān)推薦

電子產(chǎn)業(yè)圖譜