1051510 作業5

一、作業題目:
請撰寫一個程式，利用數學型態學影像處理運算，計算出所附圖像(共三張)每張圖像中圍棋個數。
      a. 請在部落格呈現經由數學型態學影像處理運算後的圖像，同時要呈現你程式輸出棋子數量的螢幕截圖。
      b. 程式不一定可以算出正確棋子數量，越接近正確答案越好!

二、環境設置:

1. chrome
2. opencv.js

三、作業說明:

1. imread讀取圖片
2. cvtColor COLOR_RGBA2GRAY轉成灰階
3. threshold 二值化
4. 多次erode、open、close
5. 透過imshow()顯示

四、結果展示:

1051510 作業4

一、作業題目:

利用你所學的顏色的知識，撰寫一個程式來偵測一張輸入照片中的皮膚區域並將其標示出。

二、環境設置:

1. chrome
2. opencv.js

三、作業說明:

1. imread讀取圖片
2. cvtColor COLOR_RGB2HSV 轉成HSV 
3. 設置RGB和HSV範圍限制，以外的改為黑色
4. 透過imshow()顯示

四、結果展示:

    

1051510 作業3

一、作業要求

請撰寫一個程式，讀取一張 256 色灰階圖像。計算輸入圖的離散傅立葉轉換結果，並將頻譜大小與相位角度各以灰階 256 色圖像方式呈現出。

二、使用環境

    Windows 10

    Chrome

    OpenCV.js

三、程式撰寫:

1.imread讀入圖片後用cvtColor轉成灰階

2.getOptimalDFTSize轉成padded適當大小

3.使用一維DFT對圖片rows進行轉換再對cols進行轉換

由於DFT 和 IDFT為自己寫的效能較低所以執行時間需要比較久

4.將image和real轉為大小值再取log

5.將image和real做Math.atan(image/real)得到phase  angle

6.normalize(4)和(5)為0~255

7.imshow呈顯結果

四、結果:

1051510的作業一

一、簡介:

  撰寫一個程式從檔案讀取一張圖像，將圖像的每一個點像素的值各加上一個整數值 v (-255 <= v <= 255)，並將圖像儲存至一個新圖像檔案中。

二、環境
  1.Chrome

  2.HTML+JS

  3.OpenCV.js 3.3.1

三、作業解釋

  1.用input type=file讀取圖片

  2.固定增加100亮度

  3.運用imshow("canvasOutput", mat)輸出改變後圖片

  4.右鍵可以另存新檔

  

四、圖示