二維碼產生與辨識

📖 工具介紹

做活動海報要把網址做成碼，登記信息要生成一個手機號名片，或者手上有一張截圖裏的碼想知道它指向哪裏——這類事用手機掃一下能解決，但在電腦上處理就得找一個能生成、也能反讀的工具。這個工具把兩件事放在同一個頁面：上半部分是生成，輸入文字、網址或手機號，選好糾錯等級、邊長和前後景色，右邊立刻畫出對應的碼，可以導出 PNG、SVG，也能直接把圖複製到剪貼板；下半部分是識別，把帶碼的圖片拖進來，頁面在瀏覽器裏逐像素分析並還原出裏面的文字或網址。識別頁籤支持點擊選擇或拖拽一張含碼的圖片，讀出來的內容會顯示在右側，網址類內容額外提供打開按鈕；識別失敗的常見原因是碼太小或被壓得太模糊，換一張清晰的圖通常就能讀出來。導出時除了 PNG 也可以存成 SVG，放大印刷不會失真。

✨ 功能特點

• 生成支持中文、英文、數字和符號混合內容，內部按 UTF-8 編碼打包，不會像一些老工具那樣把漢字變成亂碼。
• 四檔糾錯等級可切換：L 約 7%、M 約 15%、Q 約 25%、H 約 30%。等級越高，碼被遮擋一部分後仍能讀出，代價是圖案更密、同樣內容需要的版本號更大。
• 邊長與留白分開控制。邊長按模塊整數倍繪製，不會爲了湊尺寸把格子切成半個像素，放大也不發虛。
• 前景色與背景色可任意指定，深色背景配淺色碼也能正常掃；但黑白反差不足的組合（比如淺灰配白）會讓不少掃碼器讀不出，頁面不會攔你，實際用之前最好自己掃一遍。
• 導出有 PNG 和 SVG 兩種。PNG 用於貼進文檔和聊天，SVG 是矢量文件，放進排版軟件放大到海報尺寸也不會有鋸齒。
• 識別部分在瀏覽器本地完成，支持拖拽和點選兩種喂圖方式，識別出的內容可以直接複製；如果結果本身是網址，還會多出一個打開鏈接的按鈕。

🛠 使用方式

1. 點「生成二維碼」頁籤，在左側輸入框填入內容，網址要帶完整的 https:// 前綴，否則掃碼後會被當成普通文字。
2. 在輸出參數裏選糾錯等級：內容短、希望圖案簡潔選 L 或 M；要印在可能磨損的位置，或者碼中間還要壓一個 Logo，選 Q 或 H。
3. 拖動邊長和留白滑塊調整外觀，改前景色、背景色；內容和參數一改，右側預覽自己重畫，也可以點「生成二維碼」按鈕手工重出一次圖，按鈕下方會提示本次是否成功。
4. 點「下載 PNG」或「下載 SVG」保存文件；要直接粘貼到文檔裏，點「複製圖片」。
5. 要讀碼就切到「識別二維碼」頁籤，把截圖拖進左側虛線框，識別結果顯示在右側「識別結果」卡片裏；內容是網址時可點「打開鏈接」，是純文本時可點「複製內容」。

⚠️ 注意事項

• 內容越長圖案越密：超過容量會直接提示放不下，這時只能縮短內容或降低糾錯等級，工具不會截斷你的文字。
• 掃碼效果取決於對比度：淺色碼配淺色背景、或者把前景色調成接近背景的顏色，生成得出來但很可能掃不出，重要用途請用黑白。
• 識別要求圖片夠清楚：模糊、反光、透視變形嚴重的照片經常讀不出；可以先裁掉多餘部分再識別，成功率會高不少。
• 一張圖只取一個碼：圖裏同時有多個二維碼時，只會返回第一個識別到的結果，其餘需要分別裁剪後再識別。
• 全程不聯網：生成和識別都在你的瀏覽器裏完成，圖片和內容都不會上傳，關掉頁面數據就沒了。