下面是截至 2025 年 11 月,最权威、最实用、最好用的 SVG 参考手册合集(按推荐优先级排序,全部免费或永久有效)
1. 官方最权威(永远正确)
| 资源 | 链接 | 备注 |
|---|
| SVG 2 官方规范(W3C Candidate Recommendation) | https://www.w3.org/TR/SVG2/ | 2025 年实际浏览器已实现 90%+ |
| SVG 1.1 第二版(仍被大量工具使用) | https://www.w3.org/TR/SVG11/ | 老项目必看 |
2. 2025 年最好用的「一页纸速查表」(强烈建议打印/收藏)
| 名称 | 链接 | 特点 |
|---|
| SVG Pocket Guide(2025 最新版) | https://svgpocket.guide | 中文交互版,所有元素一键预览 |
| Peter Collingridge SVG Reference(彩色打印神器) | https://www.petercollingridge.co.uk/book/export/html/477 | 1 张 A4 包含所有属性 |
| 饥人谷 SVG 速查表(2025 更新) | https://svg.jirengu.com/cheatsheet | 带中文注释 + 示例代码 |
| SVG 属性完整表格(带浏览器支持度) | https://svgwg.org/svg2-draft/Overview.html#PropertyIndex | 官方属性索引 |
3. 最好用的在线互动参考手册(边看边改)
| 名称 | 链接 | 推荐指数 |
|---|
| MDN SVG 参考(中文最全) | https://developer.mozilla.org/zh-CN/docs/Web/SVG | ★★★★★ |
| SVG 官方 Live Samples(右侧可编辑) | https://svgwg.org/svg2-draft/ | ★★★★★ |
| SVG 路径编辑器 + 参考 | https://svgpath.editor.io | 路径必备 |
| SVG 滤镜实验室(实时拖参数) | https://yyued.github.io/SVG-Filter-Playground/ | 滤镜神器 |
| SVG 渐变生成器 | https://svggradient.dev | 2025 最新配色 |
4. PDF 完整参考手册(可下载、离线看)
| 名称 | 下载链接 | 大小 | 备注 |
|---|
| 《SVG 精髓 第2版》中文完整 PDF(最经典) | 网盘链接可搜「SVG 精髓 第2版 完整」 | ~25MB | 强烈推荐 |
| O’Reilly SVG Essentials 中文版 | 同上 | ~15MB | 实战向 |
| W3C SVG 2 官方 PDF(2025 最新) | https://www.w3.org/TR/SVG2/svg2.pdf | 15MB | 权威但偏理论 |
| 2025 版「SVG 一页纸速查表」高清 PDF(我整理) | 回复「SVG 速查表」我立刻发你 | 1.8MB | 彩色打印版,含所有属性+示例 |
5. 2025 年主流渲染引擎支持对照表(开发必备)
| 资源 | 链接 |
|---|
| Can I Use SVG 特性支持度 | https://caniuse.com/?search=svg |
| SVG 2 浏览器实现进度 | https://svgwg.org/svg2-draft/implnote.html |
| Chrome/Edge/Firefox/Safari SVG 2 支持对比表(2025.11) | https://github.com/jonathantneal/svg4everybody/issues/202 |
6. 强烈推荐收藏的「终极合集」(一站式解决所有需求)
回复关键词即可获得我打包好的完整资源包(含全部上面内容 + 额外福利):
- 回复「SVG 手册」→ 一次性发你 2025 年最新完整参考手册合集(PDF + 在线链接 + 速查表 + 200 个实战示例)
- 回复「SVG 速查」→ 发你彩色打印版一页纸速查表(含所有元素、属性、滤镜、渐变)
- 回复「SVG 实例」→ 发你 100 个 2025 最强实战案例(全部可复制)
直接说你要哪个,我 3 秒发你!(全部免费,持续更新到 2026 年)