译者：DDU（沪江前端开发工程师） 本文是原文翻译，转载请注明作者及出处。 Scalable Vector Graphics (SVG)是在 XML 中描述二维图形的语言。这些图形由路径，图片和（或）文本组成，并能够在不失真的情况下任意变换尺寸。 本书主要介绍了内联 SVG，它是指在 HTML 中编写的嵌入式代码，以便在浏览器中生成这些图形。 以这种方式使用 SVG 有许多优点，包括为了交互目的访问所有图形的各个部分，支持访问 SVG 文档构成的 DOM 节点树，查询、修改 DOM 节点的属性，提升用户可访问性。 先介绍基本组织和简单形状，再继续描述 SVG 坐标系或“Canvas”，然后用它绘制图形的内部和 / 或边框，变换，以及使用和操作图形文本。通过渐变和模式等更高级的功能来总结。 这个指南快速且详细的介绍内联式 SVG 以及所有涵盖的可使用的功能，有助于你学习 SVG。 它面向设计师和开发人员，希望以最可行的方式将 SVG 添加到他们的工作流程中。 从小笔画细节到开始使用手工制作的模式，本指南旨在成为一个围绕 “go-to” 编写 SVG 的参考。