文本框繪製 使用指南
文本框繪製線上工具，用 ASCII/Unicode 邊框字元為文本包裹各種樣式文本框，適合終端輸出、文件裝飾與聊天排版，一鍵複製，純前端。
計算公式與原理
內容寬 = max(各行顯示寬度) + 2 × 左右邊距；上下邊框長度 = 內容寬；總行數 = 文本行數 + 2 × 上下填充 + 2（上下邊框）
顯示寬度按"視覺寬度"計算：CJK 全形字元計 2 列、半形計 1 列，這是中文字元畫不歪斜的關鍵；若按 code point 計數，含中文的行會明顯偏短。左右邊距對稱作用於每行，因此內容寬隨最長行變化，短行用空格補齊到同一寬度。標題模式把 "ToolBox" 居中並佔用邊框中段，此時邊框的裝飾橫線被標題截斷但不改變總寬。複製結果請貼上到等寬字型環境（程式碼編輯器、終端），比例字型下仍會錯位。
使用步驟
- 填寫「水平內邊距」。
- 填寫「垂直內邊距」。
- 結果區會即時更新；可一鍵複製結果用於記錄或彙報。
典型使用場景
- 終端提示框與橫幅：用製表符/框線字元（┌─┐│└┘）給文字加邊框，適合 CLI 輸出與 README。
- 簡易海報與分隔：在純文本環境做裝飾區塊，區分內容區。
- 程式碼註釋區標註：用框線包裹重要說明，提升可讀性。
算例參考
- 給標題加單線框：輸入「系統狀態」，設定單線樣式，輸出： ┌──────────┐ │ 系統狀態 │ └──────────┘ 在等寬字型下居中顯示整齊，適合日誌頭或終端歡迎語。
注意事項
結果為按上述公式得到的理論估算值，實際表現受資料分佈、實現細節與執行環境影響，落地決策請以實測為準；本工具純前端執行，輸入不上傳伺服器。
- 為什麼框對不齊？
- 框線依賴等寬字型（monospace）；中文在部分環境按 2 字元寬、英文 1 寬，需用支援 CJK 寬度的渲染或手動補空格對齊。
- 雙線和圓角有嗎？
- 有。可切換單線（─│）、雙線（═║）與圓角字元集，按展示平臺字型支援選擇。