iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 13
0
Software Development

【錢不夠買ps的我,只好用OpenCV來修圖了!】系列 第 13

【沒錢ps,我用OpenCV!】Day 13 - 基本修圖5,運用 OpenCV 在圖片上寫文字、查色碼、顯示色碼顏色 write text, get and show RGB Color Code

先來看看今天的結果圖

https://ithelp.ithome.com.tw/upload/images/20200925/20120424ZtvuM7qLGb.png

繼續請我們的貓貓助教來幫忙XDDDD

-> 此篇文章的程式碼 github

Day13_文字查色碼顯示色碼_text_get_show_RGBColorCode.ipynb

前言

完成下一份我們的大作前,我們先來補充一些基本技能吧!
畢竟基本技能才是最經常被我們使用的呢!

運用 OpenCV 在圖片上寫文字、查色碼、顯示色碼顏色

運用 OpenCV 在圖片上寫文字

def write_text(img):
    text = "FONT_HERSHEY_SIMPLEX"
    position = (10, 40)
    font = cv2.FONT_HERSHEY_SIMPLEX
    size = 1
    color = (0, 255, 255)
    thickness = 1
    lineType =  cv2.LINE_AA
    cv2.putText(img, text, position, font, size, color, thickness, lineType)
    
    cv2.putText(img, "FONT_HERSHEY_PLAIN", (10, 80), cv2.FONT_HERSHEY_PLAIN,
        1, (0, 255, 255), 1, cv2.LINE_AA)

    cv2.putText(img, "FONT_HERSHEY_DUPLEX", (10, 120), cv2.FONT_HERSHEY_DUPLEX,
        1, (0, 255, 255), 1, cv2.LINE_AA)

    cv2.putText(img, "FONT_HERSHEY_COMPLEX", (10, 160), cv2.FONT_HERSHEY_COMPLEX,
        1, (0, 255, 255), 1, cv2.LINE_AA)

    cv2.putText(img, "FONT_HERSHEY_TRIPLEX", (10, 200), cv2.FONT_HERSHEY_TRIPLEX,
        1, (0, 255, 255), 1, cv2.LINE_AA)

    cv2.putText(img, "FONT_HERSHEY_COMPLEX_SMALL", (10, 240), cv2.FONT_HERSHEY_COMPLEX_SMALL,
        1, (0, 255, 255), 1, cv2.LINE_AA)

    cv2.putText(img, "FONT_HERSHEY_SCRIPT_SIMPLEX", (10, 280), cv2.FONT_HERSHEY_SCRIPT_SIMPLEX,
        1, (0, 255, 255), 1, cv2.LINE_AA)

    cv2.putText(img, "FONT_HERSHEY_SCRIPT_COMPLEX", (10, 320), cv2.FONT_HERSHEY_SCRIPT_COMPLEX,
        1, (0, 255, 255), 1, cv2.LINE_AA)
    
    
    return img

重點在 cv2.putText 那一行,
其他都是在設定相關的參數~ 可以依照需求變動。

cv2.putText(img, text, position, font, size, color, thickness, lineType)

  • img 原圖
  • text 要寫的文字
  • position 寫文字的位置
  • font 字體 (可以參考下圖)
  • size 字體大小
  • color 字的顏色
  • thickness 字的線條寬度
  • lineType 線條種類

https://ithelp.ithome.com.tw/upload/images/20200925/20120424fr8g86btcb.png

運用 OpenCV 查色碼

查詢色碼我們這裡提供兩種方法,這裡我們想查詢貓身上的顏色,大約是 x=500, y=400 的位置

https://ithelp.ithome.com.tw/upload/images/20200925/20120424KlhrGrnYS3.png

大約在這裡!!!

運用 OpenCV 查色碼 - 方法一

def get_RGBColorCode(img, x=0 ,y=0):
    # method 1
    (B, G, R) = cv2.split(img) # 3 channel
    b, g, r  = B[y ,x], G[y ,x], R[y ,x]
    print("RGB = ({}, {}, {})".format(r, g, b))

我們的第一種方法,是將整張圖的RGB拆成三個通道,
再由各自的通道去找對應的座標點,
得到我們指定位置的RGB。

RGB = (193, 163, 125)

運用 OpenCV 查色碼 - 方法二

def get_RGBColorCode(img, x=0 ,y=0):
    # method 2
    b, g, r  = img[y, x]
    print("RGB = ({}, {}, {})".format(r, g, b))

我們的第二種方法,是直接找指定座標點的rgb,
寫法看起來就乾淨很多,要注意順序是先y後x
跟我們的直覺有些不同。

RGB = (193, 163, 125)

運用 OpenCV 查色碼 - HEX

def get_RGBColorCode(img, x=0 ,y=0):
    # method 2
    b, g, r  = img[y, x]
    print("RGB = ({}, {}, {})".format(r, g, b))
    
    # 轉成我們常見的 Hex 色碼
    rgb_hex = hex(r)[-2:] + hex(g)[-2:] + hex(b)[-2:]
    print("RGB Hex = #{}".format(rgb_hex))

最後提供一個我們常見的HEX色碼的產生方法,
方便我們查詢顏色。

RGB Hex = #c1a37d

運用 OpenCV 顯示色碼顏色

運用 OpenCV 顯示色碼顏色 - RGB

def show_RGBColorCode(r=0 ,g=0, b=0):
    img = np.array([[[b, g, r]]], dtype=np.uint8)
    show_img(img)

我們傳入rgb的三個值,然後直接建立一個有三個顏色的通道,產生結果顏色。

運用 OpenCV 顯示色碼顏色 - HEX

def show_RGBColorCode_fromHEX(hex='000000'):
    try:
        r, g, b = int(hex[0:2], 16), int(hex[2:4], 16), int(hex[4:6], 16)
        img = np.array([[[b, g, r]]], dtype=np.uint8)
        show_img(img)
    except:  
        print("HEX Color Code Error !")   

這個是特別為了 HEX色碼 產生顏色所寫的,
使用 try-except 是避免輸入色碼錯誤,
不過這裡寫的是簡單版的,只能除掉簡單的輸入錯誤而已哦~

不過沒有人會想沒事故意輸入錯誤吧XDDD

Reference

https://blog.gtwang.org/programming/opencv-drawing-functions-tutorial/

https://blog.csdn.net/sunny2038/article/details/9080047

https://www.itread01.com/content/1540965316.html


上一篇
【沒錢ps,我用OpenCV!】Day 12 - 基本修圖4,運用 OpenCV 畫線、畫矩形、畫橢圓 draw lines, draw rectangle, draw ellipse
下一篇
【沒錢ps,我用OpenCV!】Day 14 - 進階修圖1,運用 OpenCV 顯示圖片直方圖、分離與合併RGB通道 show histogram, split, merge RGB channel
系列文
【錢不夠買ps的我,只好用OpenCV來修圖了!】30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言