[TeaLance]

問題

QR Code 產生器的海報標題只有一個欄位，繪製時只呼叫一次 fillText，不會換行也不會縮字。標題一長（例如「10/7 UI/UX 設計入門 回饋表單」）就會超出 1080px 畫面寬度，被左右裁掉。

內容

只修改 src/pages/qrcode_generator.js。

• 標題拆成三個選填欄位：日期（自由文字，如 10/7）、名稱、類型；三欄都沒填時，跟原本一樣只輸出單張 QR Code
• 類型選擇：膠囊單選按鈕「回饋表單／課程報名／活動報名／其他」，再點一次可取消（不選即為無）；選「其他」時會出現自填欄位
• 海報分三行繪製：日期 56px、名稱 88px、類型 64px，沒填的行不畫
  • 單行過寬時自動縮小字級（最小 32px），左右各留 60px
  • 整塊標題以原本單行標題的中心（y≈365）置中；三行全填時約落在 y=229–501，不會壓到 QR（從 y=670 開始）
• 類型配色（取自社團色系）：日期、名稱維持 #FFAF73；類型行依類型換色
  • 回饋表單 #6D9DF8
  • 課程報名 #445484
  • 活動報名 #E58E8E
  • 其他 #8098B5
• 「清除」按鈕會一併清空日期、名稱、類型與自填類型