本文章主要記錄基于 【K210-ESP8266】 圖傳和顯示的過程，上位機開發(fā)過程，系統(tǒng)架構(gòu)和下位機開發(fā)請參考文章：
【K210-ESP8266】開發(fā)板上傳圖像數(shù)據(jù)到服務(wù)器并實時顯示
- ?? 作者簡介：大家好，我是喜歡記錄零碎知識點的小菜鳥。??
- ?? 個人主頁：歡迎訪問我的 Ethernet_Comm 博客主頁??
- ?? 支持我：點贊??+收藏??+留言??
- ?? 系列專欄：K210開發(fā)板二次開發(fā) ??
- ??格言：寫文檔啊不是寫文章，重要的還是直白！??
1. TCP server + JPEG圖像解析上位機開發(fā)
系統(tǒng)架構(gòu)和下位機開發(fā)請參考文章：
【K210-ESP8266】開發(fā)板上傳圖像數(shù)據(jù)到服務(wù)器并實時顯示
1.1 開發(fā)環(huán)境
本文上位機:
開發(fā)環(huán)境為基于windows下的 visual studio 2015，
開發(fā)語言：基于 winform 窗體的 C#
1.2 上位機功能
1?? : 開啟 TCP 服務(wù)器
2?? : JPEG 圖像數(shù)據(jù)解析顯示
3?? : 在窗體內(nèi)用鼠標(biāo)繪圖并提取坐標(biāo)值
4?? : 坐標(biāo)值通過 TCP 協(xié)議回傳 ESP8266
1.3 C# 在窗體繪制圖像解析
關(guān)于上位機開發(fā)過程，參考另一篇博文：
【C#繪制區(qū)域】C# pictruebox 劃線繪制區(qū)域
1.4 顯示效果
1.4.1 上位機標(biāo)定坐標(biāo)，坐標(biāo)數(shù)據(jù)回傳
思路：上位機將ESP8266的透傳數(shù)據(jù)解析顯示為 JPEG 圖像后，鼠標(biāo)在窗體繪制圖像并記錄坐標(biāo)，將坐標(biāo)值通過 TCP 回傳給 ESP8266
2022.7.26 更新，通過上位機動態(tài)標(biāo)定區(qū)域，以下是上位機標(biāo)定區(qū)域的演示過程：
1.4.2 下位機接收坐標(biāo)值并更新顯示
7.27更新 上位機繪制區(qū)域，下位機接受區(qū)域
參考博文：【K210+ESP8266+區(qū)域檢測】上位機繪制區(qū)域，K210區(qū)域檢測
測試結(jié)果：
設(shè)置區(qū)域，傳遞給下位機
1.4.3 重新設(shè)定區(qū)域并傳輸
重新設(shè)定區(qū)域：
1.4.4 上位機傳輸多個坐標(biāo)值
11.15 更新 上位機繪制區(qū)域，下位機接受區(qū)域，更新可接受2個監(jiān)測區(qū)域，并將結(jié)果發(fā)布到mqtt服務(wù)器
參考博文：【K210+ESP8266+區(qū)域檢測】上位機繪制區(qū)域，K210區(qū)域檢測
測試結(jié)果：
文章來源：http://www.zghlxwxcb.cn/news/detail-706596.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-706596.html
到了這里，關(guān)于【K210+ESP8266圖傳上位機開發(fā)】TCP server + JPEG圖像解析上位機開發(fā)的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
