神奇帽子

 我希望擁有一頂神奇帽子，不論放什麼東西進去，它都能把它變成有趣的東西出來。例如我把一張廢紙巾放進去，一反轉帽子，就掉了一隻白色貓咪出來；又例如我放進一條無用的鑰匙，它就變成了一個鑰匙先生，他擁有一串大大小小的鑰匙，能解開所有的鎖。

多災多難的藝術之路

這星期二上了一課藝術治療課，到今天我老闆宣布他初步確診了，結果我也要隔離14天，不能上2個星期的課，心裏覺得有些可惜。知道消息後手都震了，要入camp, 希望時間好好運用，帶埋電腦返工：（

滅蟲專家

我是一名滅蟲專家，每天的工作就是消滅大大小小的蟲，維護無蟲的環境。有些蟲很大隻，也有小小的蟲，我都會盡力把牠們清除乾淨。清理完後，用戶就能舒暢地使用無蟲的工具了。

肥

https://case.ntu.edu.tw/blog/?p=33589

https://kknews.cc/zh-hk/news/krb9ljq.html

https://blog.xuite.net/lillian19561006/twblog/140248020

多災多難的Image Editor(二)

上次解決完CORS問題之後(自行寫一個PROXY傳回圖片解決), 老闆仍未收貨, 因為Toast UI Image Editor plugin 未能做到轉換text font family和object alignment的功能。結果把心一橫, 自行寫一個image editor功能出來。

自行寫editor很多災多難, 但滿足度很高, 因為很多功能也很有趣味, 使用時自由度很大 :)

使用了一個叫fabric JS的Tool, 它是一個專門為html5 canvas而設的library, 可以幫忙做到需求所要的功能:

1. 加入背景圖片
2. 無限加入文字objects
   (使用IText object可修改文字)
3. 無限加入圖片objects
4. 文字可轉換font family (Toast UI editor未能提供此功能)
5. 文字可bold
   (參考這裡)
6. 文字可italic
7. 文字可underline
8. 文字可Strike though
9. 文字可調顏色
   (使用了插件jscolor來輔助實現)
10. 文字和圖片objects可調opacity
    (使用了jQuery slider來輔助實現)
11. objects可一次靠左、靠右、靠上、靠下和置中對齊 (Toast UI editor未能提供此功能)
    (參考這裡 和 這裡 和 這裡)
12. 有一些指示線幫助objects對齊
    (參考這裡)
13. Undo / Redo
    (參考這裡)

寫時卡關了很久, 原因是call 了2次 new fabric.Canvas('myCanvas') 以致產生了2個overlapping fabric containers, 功能變得奇怪起來……

而且fabric js版本的問題, 網上的答案未必適合使用中的版本, 要找多個referemces整合。

還有使用jQuery dialog時因未有依據canvas height調整大小, 以致dialog移位得很厲害, 加入$('#tui-image-editor').dialog( "option", "height", newHeight ); 後變得好得多了。

其餘問題也解決得順暢得多了, 結果老闆也終於收貨了!