学习SVG的书籍/教程

Question

这里有人知道SVG吗？如果是这样，你是如何学习它的？

任何书籍/教程指针都是有益的。我也是程序员，而不是设计师，所以我也想在那里学习一些技能。

Answer 1

您可能想要尝试的一种方法是直接实验。 Inkscape是一个开源SVG编辑器，可让您在以图形方式编辑时直接查看和操作XML树。因此，通过这种方式，您可以试验事物并了解它们如何影响生成的XML。

Answer 2

我学会了开发SVG Tiny软件，主要是通过阅读规范。 SVG Tiny基本上是完整SVG的一个子集，专注于在手机和其他“设备”中使用。

添加以前答案中的链接，KevLinDev有一堆初学者友好的教程。

编辑：删除了Ikivo Animator链接，因为它现在导致了一个完全不同的网站。

Answer 3

您可以查看SVG tutorial at w3schools。他们在那里也有SVG reference。

另一个非常好的来源是SelfSVG，但它是德语。

Answer 4

我在SVG上看过的最好的参考书是J. David Eisenberg SVG Essentials。我用那本书来学习SVG。我还使用Firefox来查看SVG和Inkscape来创建它们。

Answer 5

http://en.wikibooks.org/wiki/SVG可能会有所帮助。

Answer 6

我用规范Scalable Vector Graphics on W3C学到了它。见SVG 1.1 specification。有点干，但这是真的。它们还提供了许多资源链接 当然，我建议首先阅读XML规范...... :-)一些JavaScript知识也可以提供帮助。

Answer 7

回答你的问题：是的，我确实知道SVG - 或者至少是它的一部分。

我是如何学习它的：我有一个我想要解决的特定任务，SVG似乎是最简单的课程。这是一个映射系统，所以我需要一小部分功能，然后将图像输出为jpg。为此，我使用了Batik，查看他们的示例，了解如何使用XML构建图像非常有用，并在论坛/邮件列表中提问。如果有时令人沮丧，那么犯错也很有帮助。

Answer 8

我发现SVGbasics是一个很好的起点。 我第二次选择Rich SVG Essentials。

对于最终细节，您希望SVG specification可以触手可及。作为规格，它是一个相当沉闷的阅读，但它也包含许多例子。

Answer 9

您可以使用此实用程序练习SVG路径： Spark Path Utility