LINE Bot 之專屬小精靈 — 圖片篇 #2

Jeffrey Chen
Mar 29 · 3 min read

今天想做的事情只有一個

把圖片從方形變成圓形,然後存起來

就這麼簡單,開始吧!

忘了先說一下

我想做一個 LINE Bot 小精靈,幫助身邊的人,完成生活上的”小”事情

前情提要:

之前寫的比較不清楚,這次我一定要寫得超好懂!! (名冊篇#1)

第一次訓練

我:等下啊,客戶問你大頭照,你就把這張方形照片弄成圓的拿給他。

Line bot:唧唧..唧

第一次客戶上門

客戶甲:欸,我想要看我大頭照

Line bot:(遞出一張方形照片)

客戶甲:…

我:…

第二次訓練

我:客戶問大頭照,你就把方形照片,用圓形,circle,直徑 1cm $%#^*%%

Line bot:唧唧..唧

第二次客戶上門

客戶乙:請給我食物…阿不是,請給我 — 我的大頭照

Line bot:(遞出一張方型照片)

客戶乙 & 我:…

第三次訓練

我:等下客戶來問大頭照,你就把這張我已經剪成圓形的照片拿給他

Line bot:唧………..唧唧

第三次客戶上門

客戶餅:我要看我的大頭照

Line bot:(遞出一張圓形的大頭照)

我:…(感動的說不出話😭)


針對不是相關背景的人來說明一下,大概是怎樣把想法實現出來,上面說的訓練,指的是寫程式的意思。

首先,先做分解動作

  1. 把圖片切成圓的
  2. 把切好的圖片存起來

通常就是先上網找有沒有人提供工具,就像現實世界

  • 自己做一個打孔機?(下下策)
  • 用手撕成圓形(下策)
  • 用美工刀割(中策)
  • 用剪刀剪(上策)
  • 用可以選圓形大小的免費打孔機(上上策)

所有的思考大概都是類似這樣的流程🤔

(接著,這時候腦中的想法會開始大爆發,把事情展開來)

STEP1. 怎麼把圖片讀取到我的程式裡面

STEP2. 怎麼切成圓的

STEP3. 怎麼把剪好的圓形圖片存起來

STEP4. 怎麼把圖片存到雲端資料庫

篇幅有限,舉例到這,實際上會一直把這些步驟展開…

以上大概就是怎麼在 LINE Bot上顯示圓形圖片的故事。

TO BE CONTINUE…

Jeffrey Chen

Written by

MyLife -> Ideas -> Try -> Done -> Share!