学习 SVG 的书籍/教程 [关闭]答案

【问题标题】：Books/Tutorials to Learn SVG [closed]学习 SVG 的书籍/教程 [关闭]
【发布时间】：2010-09-24 21:43:00
【问题描述】：

这里有人知道 SVG 吗？如果有，你是怎么学的？

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

除了之前答案的链接，KevLinDev 有一堆适合初学者的教程。

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

【讨论】：

【解决方案3】：

您可以查看SVG tutorial at w3schools。他们那里还有一个SVG reference。

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

【讨论】：

【解决方案4】：

我看过的关于 SVG 的最佳参考书是 J. David Eisenberg 的《SVG Essentials》。我用那本书来学习 SVG。我还使用 Firefox 查看 SVG 并使用Inkscape 创建它们。

【讨论】：

【解决方案5】：

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

【讨论】：

【解决方案6】：

我通过规范了解到它：Scalable Vector Graphics on W3C。见SVG 1.1 specification。有点干，但这是真的。他们还提供大量资源链接。
当然，我建议先阅读 XML 规范... :-) 一点 JavaScript 知识也会有所帮助。

【讨论】：

【解决方案7】：

回答您的问题：是的，我知道 SVG - 或者至少是其中的一个子集。

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

【讨论】：

【解决方案8】：

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

对于最终的详细信息，您希望SVG specification 触手可及。随着规范的发展，这是一个相当枯燥的阅读，但它也包含许多示例。

【讨论】：

【解决方案9】：

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

【讨论】：