方法用SVG自动创建JPEG.docVIP

技巧: 用 SVG 自动创建 JPEG 用可缩放矢量图形批量创建图像 Benoit Marchal?(bmarchal@), 顾问, Pineapplesoft 简介：?在这篇技巧文章中，Benoit Marchal 讨论了可缩放矢量图形（Scalable Vector Graphics，SVG）的编程方法。除非 SVG 浏览器像 Macromedia Flash 播放器 一样得到广泛应用，否则人们很难将 SVG 图像直接集成在 Web 站点上。在这段时间内，Web 开发人员可以通过 SVG 生成 JPEG 以及其他的位图文件。SVG 是纯粹的 XML，因此特别有用。 可缩放?矢量图形（Scalable Vector Graphics，SVG）是由 W3C 开发的一种图像格式。因为它是基于 XML 的，所以您可以通过样式表和其他 XML 脚本生成图形。SVG 对于 Web 开发人员以及 Web 站点管理员来说是十分有价值的工具。在这篇技巧文章中，我将向您展示如何用 SVG 自动生成图像，例如，根据统计数据生成统计图。 SVG 是什么？ SVG 是一种 XML 词汇表，用于描述?矢量图像。图像分为两类：?位图和?矢量图。位图（如 JPEG、GIF或者 PNG 文件）通过像素网格表示一幅图像。矢量图（SVG 或 Macromedia Flash）通过基本的形状来描述图像，例如圆形、矩形、直线、曲线等等。Adobe Photoshop 是位图编辑器，而 Adobe Illustrator 则是矢量图像编辑器。 位图的文件更大，缩放时也更难做到不损失图像质量。假设有一幅图像，上面是一个直径为 50 个像素的圆形。那么对应于位图的尺寸必须至少有 50 x 50 个像素，也就是 2,500 个像素。如果这个圆形的直径是 100 像素，那么这个位图的尺寸就达到了 100 x 100 像素，足足增大了四倍（即 10,000 个像素）。JPEG、GIF 和 PNG 文件都通过压缩的方式减少文件大小。然而压缩带来的帮助是有限度的，位图依然比矢量图形大很多。 事实上，与这幅图对应的矢量图形只有一条指令：“绘制一个直径为 50 像素的圆形。”更进一步说，如果圆形变大，存储它的文件并不会更大（只是变成了“绘制一个直径为 100 像素的圆形。”）不过并不是每一幅图像都能够分解成基本的形状，比如说对于照片，这种方法就无能为力了。因此位图的地位依然很重要，但是对于那些可以分解成基本形状的图像，比如图表、标志、和化学公式等等，矢量文件格式天生就具有较高的效率。 放大或者缩小一幅位图，将会损失掉图像的质量。事实上当您将像素网格的直径扩大两倍，您获得的像素数量就是原来的四倍，因此您需要将图像外推四分之三！反过来讲，要将矢量图像放大两倍，您只需要绘制更大的形状就可以了。 现在，Web 上最流行的矢量格式是 Macromedia Flash。这是一种很了不起的格式，许多厂商都支持它，但是这种工具也存在所有权的问题。SVG 是一种新的标准，它由 W3C 开发，意在提供 Flash 之外的另一种选择。 Web 设计社区关于用 SVG 取代 Flash 的讨论已经进行了很多次了。大家主要关心的问题是，现在是 97% 的 PC 用户都可以使用 Flash，但是 SVG 却还没有那么流行。不过事情总是可以变化的，既然 SVG 是一项标准，那么最终浏览器还是会支持它的，不过要想让它和 Flash 一样流行，可能还需要若干年。无头部图形Batik 要用 Graphics2D 才能生成图像。这是处理 2D 图形的标准 Java API，这一点对于 UNIX 或是 Linux Web 服务器来说可能会有问题。因为 Graphics2D 需要有 X11 服务器才能运行，而 Web 服务器上很少会有 X11。从 JDK 1.4 开始，您可以通过将?java.awt.headless?属性设置为true?，运行所谓的?无头部应用程序。请注意，JDK 依然还会链接到 X11 库，但是已经没有必要启动 服务器了。您可以在命令行中直接设置这一属性： java -Djava.awt.headless=true -jar batik-rasterizer.jar chart.svg 回页首 用程序检验效果 即使 SVG 的可用性目前还不如 Flash，但是应用 SVG 还是会带来一些好处。SVG 吸引人的特点之一就是，它是一种 XML 词汇表，因此可以很方便的用我们熟悉的工具，如 XML 解析器、脚本、XSL 样式表等，来处理 SVG。为了解决缺乏浏览器的支持这一问题，我们可以将 SVG 图像转换成广泛支持的格式，比如 GIF 或是 JPEG。 Apache 为我们提供了一种开放源代码的 SVG 渲染