2000年09月11日13:50


网络图像格式新贵SVG
Good_Speed

  今天,我要向大家介绍一种新的网络图像格式SVG,并向大家说明如何使用Adobe Ilustrator9.0输出SVG格式的图像。

  首先,SVG的全称是Scalable Vector Graphics, SVG其实是一种开放标准的矢量图形描述语言,其标准是由众多厂商和W3C(World Wide Web Consortium)共同制定的,并基于XML(Extensible Markup Language)标准,并且将同HTML、CSS、DOM、XSL、JavaScript、CGI一样,成为新的标准。最令人惊奇的是,SVG是用文本来表述的,也就是说,当用户用图像工具输出SVG后(当然,你也可以直接用代码来描绘图像,只是太繁琐了),我们可以用任何文字处理工具打开SVG图像,并可看到用来描述图像的文本代码。我们可以通过改变部分代码来使我们的图像具有互交功能,或直接把代码放进我们的网页当中,通过浏览器的插件,我们就可在网页中看到SVG格式的图像了。关于插件的下载,各位可以到Adobe公司的网站下载SVGVIEW,如果您已经安装了Adobe Illustrator 9.0,则在安装时,自动为您装上SVGVIEW。

  接下来,我就教大家如何使用Adobe Ilustrator9.0输出SVG。

  首先,制作一幅我们要输出为SVG格式的图片,然后选择File/Export,并选择你要存放的目录,键入文件名,然后,在Export的对话框里,选择SVG或SVG的压缩格式。接下来,我们在SVG输出的参数对话框里,设置各项参数。在字体设置选项中,我们可以设置在文档中用何种字体来描述SVG图像,并选择适当的字体可以帮助我们缩小文档的大小。例如,选择Only Glyphs Used ,则规定在文档中使用在文件中出现的字体,选择Common English 或 Common Roman 则规定只能使用Common English or Common Roman options来描述文件,而选择All Glyphs 则可让用户使用任何你想用的字体来描述文档。

  在Embedded Font Location 选项中,选择embed subsetted fronts可以使用户决定直接把字体嵌入文档(这需要该字体一直包含在文件中),或选择linked to subsetted fronts把原始的Illustrator图像输出为连接到各个分散的字体的SVG图像。对于要把多个SVG图像指向同一种字体的用户而言,是很有利的。这就像CSS,多个SVG图像指向同一个字体文件。

  在Raster Image Location 选项中,选择embed Raster Image,则把光栅图像嵌入到输出的SVG中,如果选择link to Raster Image,则把输出的SVG连接到Jpeg图像上,此项操作和上面提到的Embedded Font Location相同。

  在Decimal Places选项中,可以让用户制定输出的SVG图像的质量,一共有1到7个等级可选,等级越高,则输出的SVG图像的容量越大,对于一般的应用而言,等级3就可以了。

  在Encoding options选项中,我们可以选择SVG的编码方式,一共有三种方案可选,分别是Iso8859-1(ASCII), UTF-8,和UTF-16,对中国用户而言,应该选择UTF-8,和UTF-16

  在Cascading Style Sheet (CSS) Property Location 选项中,提供了储存SVG的三种样式。Style Attributes (Entity Reference)样式可加快图像的处理速度,并减小图像的容量,因为它把每个样式表都线性地放在SVG文档里,并可使浏览器按序下载(有点像Flash)。Style Attributes 样式保持了文档的最佳可读性和最佳可理解性,但是,增加了文档的大小。Style Elements样式对用户创建一个单独的SVG或Html文档很有帮助,但是,这种样式会降低图像处理的速度。

  好了,到现在为止,用Adobe Ilustrator9.0输出SVG的方法已经介绍完了,大家还不快赶紧试试用文档描述的矢量图像。还有一点大家必须要注意,在输出SVG图像时,如果原图有Alpha通道的话,必须把它转为Jpeg格式,如果想保留Alpha通道,则需要把原图转为Png格式。

软件学园

字号 】 【关闭窗口
打印版 察看感言 Email推荐

热门评论文章

请 注 意
  1. 遵守中华人民共和国有关法律、法规,尊重网上道德,承担一切因您的行为而直接或间接引起的法律责任。
  2. 人民网拥有管理笔名和留言的一切权力。
  3. 您在人民网留言板发表的言论,人民网有权在网站内转载或引用。
  4. 如您对管理有意见请向留言板管理员人民日报网络中心反映。
关键词:



镜像:日本 教育网 科技网
E_mail:info@peopledaily.com.cn 新闻线索:rm@peopledaily.com.cn

人民日报简介 | 关于人民网 | 网站地图 | 在线帮助 | 广告服务 | 合作加盟 | 网站声明 | 联系我们 | ENGLISH  京ICP证000006号
人 民 网 版 权 所 有 ,未 经 书 面 授 权 禁 止 使 用
Copyright © 2002 by www.people.com.cn. all rights reserved