返回 Projects

Whiteboard Tool

2025-09-02
Next.jsTypeScriptTailwindCSSCanvas API
Whiteboard Tool og image

專案概述

這是一個多模式白板工具,支援跑馬燈、倒數計時、文字顯示等功能,使用 Next.js 和 Canvas API 開發。

主要功能

  • 多種顯示模式(靜態文字、倒數計時、跑馬燈)
  • 進階文字效果(陰影、邊框、漸層、發光)
  • 即時自訂顏色和字體
  • 內建模板和主題
  • 截圖和全螢幕功能
  • 所有裝置的響應式設計
  • 快速存取的鍵盤快捷鍵
  • 玻璃擬態和現代 UI 效果

技術挑戰

  • Canvas API 使用
  • 動畫效果實現
  • 響應式設計
  • 效能優化

專案成果

  • 建立多功能白板工具
  • 實現流暢的動畫效果
  • 提供多種顯示模式
  • 優化用戶體驗

專案資訊

完成日期

2025-09-02

技術
Next.jsTypeScriptTailwindCSSCanvas API