以纯 SVG 表达自定义星形
星形是一种意外地百搭的形状——它出现在忠诚度徽章、评分星、通知点缀、贴纸 burst 和 UI 高亮中。此生成器让你完全掌控每一项,并在一个 SVG 中输出单个干净的 <polygon>。
控制项
- 角数 — 3 到 20。
- 内半径比 — 决定每个尖角是尖锐还是粗壮。小值得到针尖星;大值得到更柔和的光芒形。
- 旋转 — 把整颗星旋转到任意角度。
- 填充 — 纯色或带可调角度的双色线性渐变。
- 描边 — 可选,宽度可调;圆角或斜接。
渲染细节
算法在中心周围以外内半径交替排布 2 × 角数 个顶点,不管多少角都能得到比例完美的星形。因其是标准多边形,可用 CSS 样式、keyframes 动画或嵌入 React / Vue / Solid 组件,无需运行时。
使用场景
- 评分与评论组件
- 「NEW!」「SALE」标签的贴纸光芒
- 忠诚度与游戏化徽章
- 冬季 / 圣诞装饰
- favicon 与图标设计
- 插画中的闪亮点缀
搭配 SVG 霓虹形状生成器可做发光星,搭配颗粒渐变生成器可做带质感的背景——输出的 SVG 始终小巧、可缩放,适合任意屏幕或印刷分辨率。
Tiny Online Tools







