SVG 星形生成器

以纯 SVG 表达自定义星形

星形是一种意外地百搭的形状——它出现在忠诚度徽章、评分星、通知点缀、贴纸 burst 和 UI 高亮中。此生成器让你完全掌控每一项，并在一个 SVG 中输出单个干净的 <polygon>。

控制项

• 角数 — 3 到 20。
• 内半径比 — 决定每个尖角是尖锐还是粗壮。小值得到针尖星；大值得到更柔和的光芒形。
• 旋转 — 把整颗星旋转到任意角度。
• 填充 — 纯色或带可调角度的双色线性渐变。
• 描边 — 可选，宽度可调；圆角或斜接。

渲染细节

算法在中心周围以外内半径交替排布 2 × 角数 个顶点，不管多少角都能得到比例完美的星形。因其是标准多边形，可用 CSS 样式、keyframes 动画或嵌入 React / Vue / Solid 组件，无需运行时。

使用场景

• 评分与评论组件
• 「NEW!」「SALE」标签的贴纸光芒
• 忠诚度与游戏化徽章
• 冬季 / 圣诞装饰
• favicon 与图标设计
• 插画中的闪亮点缀

搭配 SVG 霓虹形状生成器可做发光星，搭配颗粒渐变生成器可做带质感的背景——输出的 SVG 始终小巧、可缩放，适合任意屏幕或印刷分辨率。