‼️ 此網站已下架
主要的職責是 切版 、 QRcode 掃描 、心理測驗 等功能
主要使用到的技術為 vue3 、 html5-qrcode 、 canvas
— 整體框架使用 vue3
— 使用 html5-qrcode 掃描條碼
— 使用 Canvas 繪製結果圖
總共會有 6 種結果,最後會產生結果圖
輸入姓名會印在結果圖上
由於這是與 OMI 合作,網站是內嵌在他們 app 中
也因為當時有展覽,所以有個互動環節是掃條碼顯示相對應的內容
掃條碼只有活動當天才會開啟
條碼掃描的部分有四個類別
掃描後會出現他的標籤,並自動帶到下方欄位中,最後產生診斷卡
診斷卡產生後會需要工作人員輸入代碼才能領取小禮物