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