OpenCV提供了很多簡(jiǎn)單的語(yǔ)句，實(shí)現(xiàn)復(fù)雜的功能，根據(jù)顏色和鼠標(biāo)交互的基礎(chǔ)語(yǔ)句，我們可以建立一個(gè)簡(jiǎn)單的畫(huà)板。盡管它簡(jiǎn)單，但是制作的框架步驟不能少。

10年的海倫網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開(kāi)發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。成都全網(wǎng)營(yíng)銷(xiāo)推廣的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整海倫建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)建站從事“海倫網(wǎng)站設(shè)計(jì)”,“海倫網(wǎng)站推廣”以來(lái)，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

如果您感興趣，可以按照我的步驟寫(xiě)一下，或者直接復(fù)制總程序中的代碼運(yùn)行。

相關(guān)學(xué)習(xí)推薦：python視頻教程

一、功能

明確畫(huà)板功能，便于后續(xù)編寫(xiě)程序。
目標(biāo)功能：可調(diào)節(jié)顏色，有畫(huà)圖區(qū)域，可以進(jìn)行鼠標(biāo)輸入。

二、框架搭建

主要有兩步：

第一步：建立顏色選區(qū)，可以用OpenCV的滑動(dòng)條語(yǔ)句cv.createTrackbar設(shè)置。cv.createTrackbar一共擁有五個(gè)參數(shù)設(shè)置，它們是（Trackbar名稱(chēng)，目標(biāo)窗口名稱(chēng)，起始值-同時(shí)也是默認(rèn)值，值，回調(diào)函數(shù)）。

#創(chuàng)建畫(huà)布
img=np.zeros((300,512,3),np.uint8)
#給畫(huà)布命名——需要提供給Trackbar
cv.namedWindow("image")
#創(chuàng)建RGB三種顏色的Trackbar，返回函數(shù)不需要做任何動(dòng)作
cv.createTrackbar("R","image",0,255,nothing)
cv.createTrackbar("G","image",0,255,nothing)
cv.createTrackbar("B","image",0,255,nothing)
#由于OpenCv里面無(wú)按鈕函數(shù)，所以用0/1來(lái)表示開(kāi)關(guān)
switch="0:OFF\\n1:ON"
cv.createTrackbar(switch,"image",0,1,nothing)
#回調(diào)函數(shù)，不需要做任何操作
def nothing(x):
 pass

第二步：捕捉鼠標(biāo)動(dòng)作狀態(tài)，根據(jù)鼠標(biāo)動(dòng)作，實(shí)現(xiàn)在畫(huà)圖區(qū)域畫(huà)出圖形。常見(jiàn)的鼠標(biāo)操作語(yǔ)句，可以使用語(yǔ)句*events = [i for i in dir(cv) if ‘EVENT' in i]*在python內(nèi)查看。

#設(shè)置一個(gè)是否開(kāi)始畫(huà)畫(huà)的開(kāi)關(guān)
drawing=False
#定義畫(huà)畫(huà)函數(shù)
def draw(event,x,y,flag,param):
 #將畫(huà)畫(huà)開(kāi)關(guān)作為全局變量，以便于在每次動(dòng)作以后改變它的值
 global drawing
 #使用函數(shù)cv.EVENT_LBUTTONDOWN，如果鼠標(biāo)左鍵按下，畫(huà)圓，同時(shí)drawing為真
 if event==cv.EVENT_LBUTTONDOWN:
  cv.circle(img,(x,y),3,(g,b,r),-1)
  drawing=True
 #如果鼠標(biāo)移動(dòng)，進(jìn)行下面操作
 elif event==cv.EVENT_MOUSEMOVE:
  #如果drawing為真，開(kāi)始畫(huà)圓
  if drawing==True:
   cv.circle(img, (x, y), 3, (g, b, r), -1)
 #如果鼠標(biāo)左鍵抬起，畫(huà)最后一個(gè)圓，并將drawing設(shè)為False，此時(shí)就會(huì)停止畫(huà)畫(huà)
 elif event==cv.EVENT_LBUTTONUP:
  cv.circle(img,(x,y),3,(g,b,r),-1)
  drawing=False

三、主函數(shù)

主函數(shù)就是對(duì)上述兩部分進(jìn)行整合。

while(1):
 #展示畫(huà)布
 cv.imshow("image",img)
 #設(shè)置終止按鈕，為了保證在32/64位系統(tǒng)或者在不是ASCII編碼的鍵盤(pán)上有正常的操作，使用&0xFF取低八位
 k=cv.waitKey(1)&0xFF
 #如果k為27，即鍵盤(pán)上Esc的ASCII編碼序號(hào)，退出畫(huà)板
 if k==27:
  break
 #獲取每個(gè)Trackbar中的值
 r=cv.getTrackbarPos("R","image")
 g = cv.getTrackbarPos("G", "image")
 b = cv.getTrackbarPos("B", "image")
 s = cv.getTrackbarPos(switch, "image")
 #如果開(kāi)關(guān)是0，清空畫(huà)板并禁止畫(huà)畫(huà)，如果是1，則允許
 if s==0:
  img[:]=0
 else:
  cv.setMouseCallback("image", draw)
#最后不要忘記銷(xiāo)毀窗口
cv.destroyAllWindows()

四、運(yùn)行效果

五、總結(jié)

從這個(gè)簡(jiǎn)單的畫(huà)板，我們主要學(xué)習(xí)運(yùn)用了鼠標(biāo)函數(shù)cv.setMouseCallback，還有cv.createTrackbar這兩個(gè)基本的OpenCV函數(shù)，并探索了其中的細(xì)節(jié)，找到了其中需要注意的地方。

六、總程序

import cv2 as cv
import numpy as np

def nothing(x):
 pass
img=np.zeros((300,512,3),np.uint8)
cv.namedWindow("image")
cv.createTrackbar("R","image",0,255,nothing)
cv.createTrackbar("G","image",0,255,nothing)
cv.createTrackbar("B","image",0,255,nothing)
switch="0:OFF\\n1:ON"
cv.createTrackbar(switch,"image",0,1,nothing)

drawing=False
def draw(event,x,y,flag,param):
 global drawing
 if event==cv.EVENT_LBUTTONDOWN:
  cv.circle(img,(x,y),3,(g,b,r),-1)
  drawing=True
 elif event==cv.EVENT_MOUSEMOVE:
  if drawing==True:
   cv.circle(img, (x, y), 3, (g, b, r), -1)
 elif event==cv.EVENT_LBUTTONUP:
  cv.circle(img,(x,y),3,(g,b,r),-1)
  drawing=False

while(1):
 cv.imshow("image",img)
 k=cv.waitKey(1)&0xFF
 if k==27:
  break
 r=cv.getTrackbarPos("R","image")
 g = cv.getTrackbarPos("G", "image")
 b = cv.getTrackbarPos("B", "image")
 s = cv.getTrackbarPos(switch, "image")
 if s==0:
  img[:]=0
 else:
  cv.setMouseCallback("image", draw)
cv.destroyAllWindows()

分享題目：基于opencv實(shí)現(xiàn)簡(jiǎn)單畫(huà)板功能詳解
本文鏈接：http://weahome.cn/article/cpgdos.html