书籍发布：SVG 动画

我们自己的 Sarah Drasner 出版了一本书！您可以在 O’Reilly 网站 或 亚马逊 上购买。

如果您需要一些说服力，我想我会在这里发布我为这本书写的序言，然后您可以继续在 O’Reilly 网站上阅读。

序言

您是否曾经学过一个新词，然后在一个星期内多次有机会在完美的情况下使用这个词？当你开始学习 SVG 时，感觉就像这样。为了加强隐喻，这就像发现你的工具箱一直缺少一个工具。

作为一名设计师和开发者，现在我已经深入研究了 SVG，我可以告诉你我几乎每天都在使用它。不一定是由于我为了能够使用而将 SVG 强加到项目中，而是因为它通常是适合这项工作的正确工具。在您阅读完本书并使 SVG 也成为您的工具之后，我想您也会发现自己会定期使用它。当您工作时，它会出现在您的脑海中，就像您学到的新词派上用场时那样令人满意的那一刻。

也许当您需要用一个在任何像素密度的屏幕上都能清晰显示的徽标替换徽标时，您会想到 SVG。也许当您需要一个图标系统、图表或图形，或矢量背景图案时，您会想到 SVG。既然您手中拿着这本书，当您想到动画时，您几乎肯定会想到 SVG。

SVG 非常适合动画。它是网络上功能最强大的动画工具。部分原因是 SVG 由数字组成。SVG 本质上是用几何图形进行绘制。在网络上，数字很容易且直观地进行操作和动画处理。也许您知道可以通过将不透明度从 1 动画到 0 来“淡出”一个元素——一种基本的动画。同样，您也可以动画化圆的半径、矩形的坐标或路径上的一个点。

SVG 动画如此引人注目的另一个原因是执行它的方法有很多。您可以从各种原生技术中进行选择，以及构建在这些技术之上的库来提供帮助。您如何知道选择哪个？这需要一些知识和考虑。幸运的是，您已经做出了完美的购买。

Sarah 是所有这些的终极导游。她不仅是一位经验丰富的技术作家，还是一位有成就的矢量艺术家和前端开发人员。多年来，她一直在通过动画将自己的 SVG 艺术作品栩栩如生。她了解这些工具。她了解这个领域。她知道如何抓住所有这些内容中最重要的部分并进行解释。

我并不是无缘无故地为 Sarah 吹嘘。我与 Sarah 合作过，并且吸收了她关于 SVG 动画的知识，这让我受益匪浅。如果您在想“我已经是一名前端开发人员了，并且在没有这个的情况下也能很好地完成工作”，请记住，您不会去寻求您不知道的东西。继续阅读，并成为一名 SVG 后知后觉者。

---

阅读第一章 在 O’Reilly 商店购买 在亚马逊上购买