✏️ 手寫數字辨識

🧠 AI 在你的瀏覽器裡運行

使用深度學習模型辨識手寫數字，不需要網路連線，所有運算都在本地完成。

1 在下方畫一個數字 (0-9)

用滑鼠或手指在畫布上書寫

2 模型視角

輸入圖片 (28×28)

Saliency Map

紅 = 高影響   藍 = 低影響

3 預測結果

正在載入模型...

? 這是怎麼運作的？ 閱讀開發筆記
模型架構

輕量級 CNN，2 層卷積 + 1 層全連接，MNIST 準確度 98.77%。

前端推理

TensorFlow.js 載入模型，瀏覽器端運算，約 420KB。

圖片預處理

筆跡置中、縮放 28×28、正規化為黑底白字。

Saliency Map

計算輸入梯度，顯示哪些像素對預測影響最大。