关于 SVG

GIF、JPEG、WBMP 和 PNG 等用于 Web 的位图图像格式，都使用像素网格来描述图像。生成的文件有可能很庞大，局限于单一（通常较低）的分辨率，且在 Web 上会占用大量带宽。SVG 是将图像描述为形状、路径、文本和滤镜效果的矢量格式。生成的文件很小，可在 Web、打印甚至资源有限的手持设备上提供较高品质的图像。用户无须牺牲锐利程度、细节或清晰度，即可在屏幕上放大 SVG 图像的视图。此外，SVG 提供对文本和颜色的高级支持，它可以确保用户看到的图像和 Illustrator 画板上所显示的一样。

SVG 格式完全基于 XML，并提供给开发人员和用户许多类似的优点。通过 SVG，您可以使用 XML 和 JavaScript 创建与用户动作对应的 Web 图形，其中可具有突出显示、工具提示、音频和动画等复杂效果。

可以使用“存储”、“存储为”、“存储副本”或“存储为 Web 和设备所用格式”命令以 SVG 格式存储图稿。要访问 SVG 导出选项的完整组合，请使用“存储”、“存储为”或“存储副本”命令。“存储为 Web 和设备所用格式”命令提供了一部分 SVG 导出选项，这些选项可用于面向 Web 的作品。

有关在 Illustrator 中创建移动内容的视频，请参阅 http://www.adobe.com/go/vid0207_cn。

在 Illustrator 中建立图稿的方式将影响到生成的 SVG 文件。记住下列原则：

  • 请使用图层将结构添加到 SVG 文件。将图稿存储为 SVG 格式时，每个图层都被转换为组 () 元素。（例如，在 SVG 文件中，名为 Button1 的图层变为 。） 嵌套图层将成为 SVG 嵌套组，而隐藏的图层会被保留（其 SVG 样式属性为 display="none"）。

  • 如果希望不同图层上的对象显示为透明，请调整每个对象（而不是每个图层）的不透明度。如果改变了每个图层级别的不透明度，则生成的 SVG 文件在 Illustrator 中显示时不会显示透明。

  • 栅格数据不能在 SVG 查看器中缩放，并且不能像其他 SVG 元素那样被编辑。如果可能，请避免创建在 SVG 文件中会被栅格化的图稿。以 SVG 格式存储时，使用栅格化、艺术效果、模糊、画笔描边、扭曲、像素化、锐化、素描、风格化、纹理和视频等效果的渐变网格和对象会被栅格化。同样，包含这些效果的图形样式也会产生栅格化情形。请使用 SVG 效果，从而在不导致栅格化的情形下添加图形效果。

  • 在图稿中使用符号并简化路径以提高 SVG 性能。如果性能是优先考虑的因素，还要避免使用生成大量路径数据的画笔，如炭笔、炭灰笔以及卷轴笔。

  • 请使用切片、图像映射和脚本将 Web 链接添加到 SVG 文件。

  • 脚本语言（如 JavaScript）为 SVG 文件带来了无限的功能。指针移动和键盘移动可以调用脚本功能（如翻转效果）。脚本也可以使用文档对象模型 (DOM) 来访问和修改 SVG 文件；例如，插入或删除 SVG 元素。

    VOOSSI