🏅 Badge Generator

📐 工作原理與說明

以 SVG 繪製圓角或盾形徽章：文字、配色與圖示引數化後即時渲染並匯出圖片；基於向量繪製，放大不失真，用於活動標識、成就獎章與社交頭像。

Design rounded or shield-shaped badges with custom text, colours and icons, preview live and export an image for events and awards.

文字

背景色

文字顏色

圓角 (px)

字號

樣式預覽

📚 深度解析：徽章生成器

生成 "build|passing" 綠色徽章

輸入：左文本 build、右文本 passing、配色綠。處理：按 shields 比例繪製左右雙色膠囊。輸出：SVG 徽章，可下載或複製連結。

能直接用在 GitHub 嗎？: 可下載 SVG 後隨倉庫提供，或自託管連結引用；本工具只生成圖形不託管。
文字太長怎麼辦？: 會按字元寬度自適應加長，過長建議縮寫。結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。
會儲存或上傳我的內容嗎？: 結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。