SVG 参考手册

下面是截至 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/4771 张 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.dev2025 最新配色

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.pdf15MB权威但偏理论
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 年)

文章已创建 2838

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

相关文章

开始在上面输入您的搜索词,然后按回车进行搜索。按ESC取消。

返回顶部