➣ Reading Time: 11 minutes

先來看看今天的結果圖

https://ithelp.ithome.com.tw/upload/images/20200924/20120424mcQ2DnCh1v.png

-> 此篇文章的程式碼 github

Day12_畫線畫矩形畫橢圓_lines_rectangle_ellipse.ipynb

前言

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

運用 OpenCV 畫線、畫矩形、畫橢圓

運用 OpenCV 畫線

def draw_lines(img):
    start_point = (20, 20)
    end_point = (120, 120)
    color = (0, 255, 0) # green
    thickness = 3 # 寬度
    cv2.line(img, start_point, end_point, color, thickness) 

    return img

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

cv2.line(img, start_point, end_point, color, thickness)
* img 原圖片
* start_point 線條起點
* end_point 線條終點
* color 線條顏色
* thickness 線條粗細

https://ithelp.ithome.com.tw/upload/images/20200924/20120424kiqDDabcfy.png

運用 OpenCV 畫矩形

def draw_rectangle(img):
    left_up = (20, 60)
    right_down =  (180, 120)
    color = (0, 0, 255) # red
    thickness = 2 # 寬度 (-1 表示填滿)
    cv2.rectangle(img, left_up, right_down, color, thickness) 

    cv2.rectangle(img, (125, 20), (175, 40), (255, 0, 255), -1) 

    return img

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

cv2.rectangle(img, left_up, right_down, color, thickness)
* img 原圖片
* left_up 矩形左上角座標
* right_down 矩形右下角座標
* color 矩形顏色
* thickness 矩形線條粗細 (-1 表示填滿)

比較特別的為 thickness = -1,具有填滿矩形的功能。

另外補充說明,「left_up 矩形左上角座標」 與 「right_down 矩形右下角座標」,
並非一定要是左上&右下只要能描述矩形四個端點即可

例如:也可以給左下&右上

https://ithelp.ithome.com.tw/upload/images/20200924/20120424uqvMWLPYqp.png

運用 OpenCV 畫橢圓

def draw_ellipse(img):
    center = (100, 100)  #圓心
    axes =  (25, 55) #橢圓的長半軸與短半軸的大小
    rotateAngle = 45 #橢圓的旋轉角度 (傾斜 +45度)
    startAngle = 0 #橢圓弧的起始角度
    endAngle = 360 #橢圓弧的終止角度 (180 表示只畫一半)
    color = (255, 0, 0) # blue
    thickness = 2 # 寬度 (-1 表示填滿)

    cv2.ellipse(img, center, axes, rotateAngle, startAngle, endAngle, color, thickness)

    cv2.ellipse(img, (50, 50), (20, 30), -45, 0, 180, (0, 255, 255), -1)

    return img    

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

cv2.ellipse(img, center, axes, rotateAngle, startAngle, endAngle, color, thickness)
* img 原圖片
* center 圓心
* axes 橢圓的長半軸與短半軸的大小
* rotateAngle 橢圓的旋轉角度 (傾斜角度)
* startAngle 橢圓弧的起始角度
* endAngle 橢圓弧的終止角度 (180 表示只畫一半)
* color 橢圓的顏色
* thickness 橢圓的線條粗細 (-1 表示填滿)

比較特別的為 thickness = -1,具有填滿橢圓的功能。

https://ithelp.ithome.com.tw/upload/images/20200924/20120424S0kU6NYIVq.png


本文同步發佈在: 第 12 屆 iT 邦幫忙鐵人賽
【沒錢ps,我用OpenCV!】Day 12 – 基本修圖4,運用 OpenCV 畫線、畫矩形、畫橢圓 draw lines, draw rectangle, draw ellipse


Reference

https://docs.scipy.org/doc/numpy-1.13.0/reference/generated/numpy.full.html

https://blog.csdn.net/u011520181/article/details/83933325

https://blog.gtwang.org/tag/opencv/

https://www.geeksforgeeks.org/python-opencv-cv2-circle-method/

 ⭐Python OpenCV 相關文章整理⭐:
⭐基礎知識篇⭐:
1.【OpenCV】1 – 安裝 python OpenCV install 電腦中圖片的基本概念總整理
2.【OpenCV】2 – OpenCV 圖片的讀取、顯示、存檔 (load, show, save),附贈簡易理解「相對路徑」與「絕對路徑」
3.【OpenCV】OpenCV 利用 python OpenCV 查詢 image 大小, img shape sample code (內附範例程式碼)
⭐基本圖像處理篇⭐:
1.【OpenCV】OpenCV 利用 python OpenCV 縮放圖片 image 大小, cv2 resize (內附程式碼)
2.【OpenCV】3 – python OpenCV 的剪裁、旋轉、縮放 (crop, rotate, resize)
3.【OpenCV】4 – 運用 OpenCV 調整光線 (modify brightness, intensity)
4.【OpenCV】5 – 運用 OpenCV 調整亮度、飽和度(透過轉移至 HLS 顏色空間) modify lightness, saturation
5.【OpenCV】6 – 運用 OpenCV 調整色調(冷色系/暖色系)、色溫(白平衡)modify color temperature, white balance
6.【OpenCV】7 – 運用 OpenCV 為圖片增加一些顆粒感 (增加高斯噪點) add gaussian noise
7.【OpenCV】8 – 運用 OpenCV 改變圖片的對比度 modify contrast (內含:網路上常見錯誤調整對比度方式的分析)
8.【OpenCV】9 – 運用 OpenCV 降低圖片的高光 reduce highlights
9.【OpenCV】11 – OpenCV 建立新空白圖、畫點、畫圓 create new pictures, draw points and draw circle
10.【OpenCV】12 – 運用 OpenCV 畫線、畫矩形、畫橢圓 draw lines, draw rectangle, draw ellipse
11.【OpenCV】13 – 運用 OpenCV 在圖片上寫文字、查色碼、顯示色碼顏色 write text, get and show RGB Color Code
⭐進階圖像處理篇⭐:
1.【OpenCV】14 – 運用 OpenCV 顯示圖片直方圖、分離與合併RGB通道 show histogram, split, merge RGB channel
2.【OpenCV】15 – OpenCV 當然也有像 ps 圖層的功能! 什麼?圖片也能加減法?! Add, Subtract, AddWeighted
3.【OpenCV】16 – 運用 OpenCV 幫助我們找圖片的輪廓(高斯模糊、Canny) cv2.GaussianBlur, cv2.Canny
4.【OpenCV】17 – 運用 OpenCV 的終極圖層處理大全, 想P圖該怎麼P (bitwise_or, and, xor, not, addWeighted)
5.【OpenCV】18 – 運用 OpenCV 做圖片二值化,產生黑白的圖片吧!cv2.threshold 各種選擇參數大全
6.【OpenCV】19 – OpenCV 的圖片自適應二值化,產生更好效果的黑白圖片!cv2.adaptiveThreshold
7.【OpenCV】20 – OpenCV 的各種 Threshold 方法整理,Otsu’s Threshold 大津二值化,自動計算最佳閥值,做出最好的黑白效果圖!
8.【OpenCV】26 – 銳化圖片,將模糊的圖片變得更清晰吧! sharpen images
⭐冷門應用篇⭐:
1.【OpenCV】python OpenCV 分析影像模糊程度 檢測圖片模糊 blur sample code (內含範例程式碼)
2.【OpenCV】21 – OpenCV 也有 photoshop 的魔術棒工具?! 漫水填充法 cv2.floodFill (Magic Wand Tool)
3.【OpenCV】27 – 顏色映射 – OpenCV 內建的自動配色?! auto recolor images, cv2.applyColorMap
⭐影片處理篇⭐:
1.【OpenCV】OpenCV 利用 python OpenCV 將圖片製作成一部影片 (內附程式碼) make video from images
2.【OpenCV】OpenCV 利用 python OpenCV 將一部影片拆成一張張圖片 sample code (內附程式碼) get images from video
3.【OpenCV】用 OpenCV 開啟 rtsp 即時影像串流 sample code (內含範例程式碼) – python OpenCV rtsp
4.【OpenCV】python pyinotify video player 利用 OpenCV + inotify 製作即時影片播放器 sample code (內含範例程式碼)
⭐綜合應用篇⭐:
1.【OpenCV】10 – 日系濾鏡總集篇,運用 OpenCV 製作屬於自己的濾鏡吧 (內含可於網頁上直接完成濾鏡的 colab )
2.【OpenCV】22 – 綜合運用1,用 OpenCV 來P圖囉! 來運用各種之前學習的各種東西吧! merge two images
3.【OpenCV】23 – 綜合運用2,(資料標註) 用 OpenCV 來製作一個標記點小工具吧! 滑鼠與視窗控制 label points
4.【OpenCV】24 – 綜合運用3,(應用app) 用 OpenCV 來製作一個照片文件掃描機吧! photo scanner 透視投影
5.【OpenCV】25 – 綜合運用4,用 OpenCV 來把圖片p到各種奇怪的地方吧! 透視投影 cv2.warpPerspective, merge two images
6.【OpenCV】28 – Final Project v1,於是沒錢買ps的我,開發了自己的photoshop,我的天啊 My photoshop made by OpenCV
7.【OpenCV】29 – Final Project v2,於是沒錢買ps的我,開發了自己的photoshop,我的天啊 My photoshop made by OpenCV
8.【OpenCV】30 – Final Project v3,於是沒錢買ps的我,開發了自己的photoshop,我的天啊 My photoshop made by OpenCV