🏅 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 后随仓库提供，或自托管链接引用；本工具只生成图形不托管。
文字太长怎么办？: 会按字符宽度自适应加长，过长建议缩写。结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。
会保存或上传我的内容吗？: 结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。