以目录为纲,只列出必要的、我认为需要记录的知识点。并添加学习中查到的扩展知识点、代码片段等。 不保证进度、阅读顺序。有问题敬请指正。
进度 | 章节 | 中文 |
---|---|---|
0% | Chapter01. Getting Started | 入门指南 |
0% | Chapter02. Using SVG in Web Pages | 在网页中使用SVG |
100% | Chapter03. Coordinates | 坐标系统 |
100% | Chapter04. Basic Shapes | 基本形状 |
100% | Chapter05. Document Structure | 文档结构 |
0% | Chapter06. Transforming the Coordinate System | 坐标系统变换 |
80% | Chapter07. Paths | 路径 |
100% | Chapter08. Patterns and Gradients | 图案和渐变 |
100% | Chapter09. Text | 文本 |
100% | Chapter10. Clipping and Masking | 裁剪和蒙版 |
100% | Chapter11. Filters | 滤镜(持续添加例子) |
100% | Chapter12. Animating SVG | SVG动画(持续添加例子) |
100% | Chapter13. Adding Interactivity | 添加交互 |
100% | Chapter14. Using the SVG DOM | 使用SVG DOM |
100% | Chapter15. Generating SVG | 生成SVG |
- Scalable Vector Graphics (SVG) 2, W3C Recommendation 16 August 2011
- Scalable Vector Graphics (SVG) 1.1 (Second Edition), W3C Candidate Recommendation 04 October 2018
- An SVG Primer for Today's Browsers
- SVG Working Group specifications on Github
- SVGWG Issues
- Blink/Source/core/svg
- Lottie (After Effect + Bodymovin Plugin => SVG Animation)
- aniGen - SVG Animation Editor
- svgator - SVG Animation Creator