WordPress 中文文档

SVG

From WordPress Chinese

Jump to: navigation, search

可缩放矢量图形Scalable Vector Graphics,SVG)是基于可扩展标记语言(XML),用于描述二维矢量图形的一种图形格式。SVG由W3C制定,是一个开放标准。


目录

SVG概述

SVG严格遵从XML语法,并用文本格式的描述性语言来描述图像内容,因此是一种和图像分辨率无关的矢量图形格式。SVG图形格式具有以下优点:

  • 图像文件可读,易于修改和编辑
  • 与现有技术可以互动融合。例如,SVG技术本身的动态部分(包括时序控制和动画)就是基于SMIL标准。另外,SVG文件还可嵌入JavaScript(严格的说应该是ECMAScript)脚本来控制SVG对象
  • SVG图形格式可以方便的建立文字索引,从而实现基于内容的图像搜索
  • SVG图形格式支持多种滤镜和特殊效果,在不改变图像内容的前提下可以实现位图格式中类似文字阴影的效果
  • SVG图形格式可以用来动态生成图形。例如,可用SVG动态生成具有交互功能的地图,嵌入网页中,并显示给终端用户

SVG面临的主要问题一个是如何和已经占有重要市场份额的矢量图形格式Flash如何竞争的问题,另一个问题就是SVG的本地运行环境的下厂家支持程度。

SVG Basic

SVG Basic又称SVGB,是英语“Scalable Vector Graphics, Basic Profile”的简写。可以翻译为“可缩放的矢量图形标准的基本版”。它是矢量图形标准-SVG的一个子集,而主要目标是为掌上电脑等高端移动设备提供矢量图形显示格式。


SVG Tiny

SVG Tiny又称SVGT,是英语“Scalable Vector Graphics, Tiny Profile”的简写。可以翻译为“可缩放的矢量图形标准的微型简化版本”。它是矢量图形标准-SVG的一个子集,而主要目标是为手机等低端移动设备提供矢量图形显示格式。


SVG技术细节

SVG主要支持以下几种显示对象:

  • 矢量显示对象,基本矢量显示对象包括矩形、园、椭圆、多边形、直线、任意曲线等
  • 嵌入式外部图像,包括PNGJPEG、SVG等
  • 文字对象

SVG可以实现动态和交互功能。在DOM模型的基础上,SVG开发设计人员可以利用ECMAScript或者SMIL来进行时序控制或对象的操纵。SVG虽然是文本格式,但是SVG支持利用gzip压缩算法减少文件尺寸,压缩后的文件通常用被称为“SVGZ文件”。


标准制定开发历史

  • W3C于2001年9月4日发布SVG 1.0
  • W3C于2003年1月4日发布SVG 1.1
  • W3C于2003年1月14日推出SVG移动子版本:SVG Tiny和SVG Basic
  • W3C目前正在研究制定SVG 1.2版本


SVG显示

插件支持

目前,最常用的SVG插件来自Adobe公司(Adobe SVG Viewer),另外Corel也提供SVG浏览器( Corel SVG Viewer)。


本地支持

  • 比较著名的 SVG 项目包括 Mozilla SVG Project,KDE 的 ksvg,以及 Amaya 等
  • Mozilla Firefox自版本 1.5 发行后,即开始支援 SVG 格式的显示了
  • 基于 Java 的 SVG 项目主要有 Batik SVG Toolkit 等
  • Opera 支持SVG显示


设计工具

能够设计SVG图形作品的软件工具包括Adobe Illustrator以及Corel Draw等。

而开放源代码的软件有Inkscape以及Sodipodi等。


外部链接

用户