這是疫情期間做的活動網頁
與疫情期間居家的大家做互動
主要的職責是 製作壓圖 、表單製作 等功能
主要使用到的技術為 vue2 、 Croppie 、 Canvas
— 整體框架使用 vue2
— 上傳圖片使用 Croppie 的套件做上傳圖片的圓形切圖
— 使用 Canvas 繪製圖片
— 串接表單 api
✨ 部分 API 已不再維護
1 . 使用者可以點擊上傳圖片、填寫欄位
2 . 可以更換背景圖
3 . 按製作完成後就會得到一張圖片
可以選擇下載圖片或按右鍵下載，手機版則長按即可下載
因為活動網站當時有分享臉書的需求
為了製作符合臉書分享的圖片格式
所以當時還有而外製作給臉書的分享圖版本
表單的部分則是做基本空值判斷以及 html 標籤的基本防呆判斷
