新增批次匯入、一鍵置中、本地儲存功能

.gitignore

@@ -0,0 +1,13 @@
+# macOS
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Claude Code
+.claude/
+
+# Node
+node_modules/
+dist/
+.env
+.env.local

README.md

@@ -9,6 +9,34 @@ FontDrawer 是一個基於 HTML5 Canvas 的字型繪製工具，允許使用者
 - **多語言支援**：提供繁體中文（`index.html`）與日文（`ja.html`）版本。
 - **縮放字框**：可調整字型的大小和比例。
 - **筆壓模擬**：即使設備不支援筆壓，也能模擬筆壓效果。
+- **資料持久保存**：繪製資料自動儲存至 IndexedDB，並可綁定本機檔案實現跨瀏覽器持久化，或手動匯出備份。
+- **批量匯入**：支援同時選取多個 `.txt` 備份檔一次性匯入，可選擇覆蓋或合併模式。
+- **一鍵置中**：自動計算字形內容的邊界，將筆劃置中於字框中央。
+
+## 資料儲存與備份
+
+### 自動儲存（建議使用）
+
+繪製資料會即時儲存在瀏覽器的 **IndexedDB** 中，但清除瀏覽器資料時將一併清除。建議搭配本機檔案自動儲存功能以持久保存資料。
+
+1. 點擊「**綁定本機儲存檔案**」按鈕（**僅支援 Chrome 或 Edge**，Safari 不支援）。
+2. 選擇儲存位置並建立 `.txt` 檔案（建議依語言版本命名，例如 `MyFont-autosave-zh.txt`）。
+3. 完成後每次繪製將在 3 秒內自動寫入該檔案，無需手動操作。
+4. 重新整理頁面後若出現「需重新授權」提示，點擊「**重新授權**」即可繼續自動儲存。
+
+> **注意**：中文版與日文版請分別綁定不同檔案，避免資料互相覆蓋。
+
+### 手動匯出與批量匯入
+
+- **匯出**：點擊「**匯出資料**」，將目前所有字形資料下載為 `.txt` 備份檔。
+- **批量匯入**：點擊「**匯入資料**」，**可同時選取多個** `.txt` 備份檔案一次性匯入。
+  - **覆蓋模式**：清除現有資料後匯入，適合還原備份。
+  - **合併模式**：將匯入的資料與現有資料合併，適合整合來自不同備份的字形。
+  - 匯入完成後會顯示匯入筆數摘要，確認無誤後手動重新整理頁面以套用資料。
+
+## 一鍵置中
+
+點擊「**置中**」按鈕，工具會自動偵測目前字形的筆劃邊界，計算內容中心並將其移至字框正中央。操作支援復原（Undo），誤操作可按 Ctrl+Z 還原。
 
 ## 版本紀錄
 
@@ -69,6 +97,34 @@ FontDrawer は、HTML5 Canvas を使用したフォント作成ツールで、
 - **多言語対応**：繁体字中国語（`index.html`）と日本語（`ja.html`）のバージョンを提供。
 - **文字枠の拡大縮小**：フォントサイズや比率を調整可能。
 - **筆圧の模擬**：筆圧対応していないデバイスでも筆圧描画を模擬します。
+- **データの永続保存**：描画データを IndexedDB に自動保存し、ローカルファイルへのバインドでブラウザをまたいだ永続化が可能。手動エクスポートにも対応。
+- **一括インポート**：複数の `.txt` バックアップファイルを同時に選択して一括インポート可能。上書きモードとマージモードを選択できます。
+- **ワンクリック中央揃え**：字形の描画内容を自動検出し、文字枠の中央に移動します。
+
+## データの保存とバックアップ
+
+### 自動保存（推奨）
+
+描画データはブラウザの **IndexedDB** にリアルタイムで保存されますが、ブラウザのデータをクリアすると削除されます。データを永続的に保存するには、ローカルファイルへの自動保存機能を併用することを推奨します。
+
+1. 「**ローカルファイルをバインド**」ボタンをクリック（**Chrome または Edge が必要**、Safari は非対応）。
+2. 保存先を選択し、`.txt` ファイルを作成します（例：`MyFont-autosave-ja.txt`）。
+3. 以降は描画のたびに 3 秒以内に自動でファイルへ書き込まれます。
+4. ページを再読み込みした後に「再認証が必要」と表示された場合は、「**再認証**」をクリックしてください。
+
+> **注意**：中国語版と日本語版はそれぞれ別のファイルをバインドしてください。同じファイルを使用するとデータが上書きされます。
+
+### 手動エクスポートと一括インポート
+
+- **エクスポート**：「**データをエクスポート**」をクリックすると、現在のすべての字形データを `.txt` ファイルとしてダウンロードできます。
+- **一括インポート**：「**データをインポート**」をクリックすると、**複数の** `.txt` バックアップファイルを同時に選択して一括で読み込めます。
+  - **上書きモード**：既存のデータを削除してからインポートします。バックアップの復元に適しています。
+  - **マージモード**：インポートしたデータを既存のデータと統合します。複数のバックアップを合わせる場合に適しています。
+  - インポート完了後、インポート件数のサマリーが表示されます。内容を確認後、手動でページを再読み込みしてください。
+
+## ワンクリック中央揃え
+
+「**中央揃え**」ボタンをクリックすると、現在の字形の描画内容の境界を自動検出し、文字枠の中央に移動します。操作は Undo（Ctrl+Z）でやり直しが可能です。
 
 ## 更新履歴