可縮放向量圖形

{{Infobox file format
| name = 可缩放矢量图形
| icon =
| logo =
| extension = .svg, .svgz
| mime = image/svg+xml
| owner = 万维网联盟
| released =
| latest release version = 1.1(第二版)
| latest release date =

  • SVG图形格式可以用来动态生成图形。例如,可用SVG动态生成具有交互功能的地图,嵌入网页中,并显示给终端用户。

缺点

  • SVG的本地运行环境下的厂家支持程度。
  • 由於原始的SVG檔是遵从XML语法,導致資料採用未壓縮的方式存放,因此相較於其他的矢量图形格式,同樣的檔案內容會比其他的檔案格式稍大。Adobe因此使用gzip壓縮開發出壓縮的SVG檔格式,附檔名為 .svgz, 但此種檔案格式除了Adobe旗下的軟體以外,未被廣泛支援使用。
  • 舊版的SVG Viewer無法正確顯示出使用新版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技术细节
SVG主要支持以下几种显示对象:

矢量显示对象,基本矢量显示对象包括矩形、圆、椭圆、多边形、直线、任意曲线等

嵌入式外部图像,包括PNG、JPEG、SVG等

文字对象

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

开发历史
SVG由1998年成立的W3C SVG工作组启动开发,随着当年提交给W3C的六份标准提案应运而生:

  • Web Schematics,来自CCLRC
  • ,来自Adobe Systems、IBM、网景和升阳电脑
  • VML,来自Autodesk、惠普、Macromedia、微软和Vision
  • Hyper Graphics Markup Language (HGML),来自和普利茅斯大学
  • WebCGM,来自波音、InterCAP Graphics Systems、Inso Corporation、CCLRC和施乐
  • DrawML,来自Excosoft AB

当时工作组是由W3C的Chris Lilley领衔。

SVG 1.x

  • 2001年9月4日,发布SVG 1.0。
  • 2003年1月4日,发布SVG 1.1。
  • 2003年1月14日,推出SVG移动子版本:SVG Tiny和SVG Basic。
  • 2008年12月22日,發布SVG Tiny 1.2。
  • 2011年8月16日,發布SVG 1.1(第2版),成为W3C目前推荐的标准。

SVG 2
SVG 2棄用了SVG 1.1不受所有瀏覽器支援的功能,並整合了HTML5和Web開放字型格式(WOFF)的新功能:雖然1.2版中的其他功能也是精心挑選的,但是整體而言,SVG 2並不是SVG tiny 1.2的超集。

W3C目前仍正在研究制定SVG 2,SVG 2於2016年9月15日進入候選推薦階段,修訂版本於2018年8月7日和2018年10月4日發佈。最新草案則於2023年3月8日發佈。

示例
File:Svg example3.svg|示例SVG顯示
File:HM_04_lowdetail.svg|简单SVG图片,样如少女。
File:Mahuri.svg|较为复杂但精细的SVG图片

SVG格式是XML的一種,意即SVG文件其實只是普通的文本文件,用一般的文本編輯器便可查看或修改。

SVG显示
比较著名的SVG项目包括Mozilla SVG Project,KDE的KSVG,以及Amaya等。

  • Mozilla Firefox自版本1.5发行后,即开始支援SVG格式的显示 。
  • Opera 8.0 版開始支援顯示Tiny 1.1规格的SVG。
  • 基于Java的SVG项目主要有Batik SVG Toolkit等。
  • Google Chrome和Safari支持SVG显示。
  • Microsoft的Internet Explorer 8.0版及其更老的版本尚未支援SVG,直至由Internet Explorer 9.0版開始支援SVG。

设计工具
能够设计SVG图形作品的软件工具包括開放源代碼的Inkscape、Scribus和Karbon等,還有專有的Adobe Illustrator、Adobe Animate和CorelDRAW等。

另外也有开放源码、功能简单但容易操作、免安装的在线SVG设计工具,例如Svg-edit。

对于移动设备,安卓系统则可以使用Vector Ink。

參見

  • Canvas (HTML元素)
  • 图形文件格式比较
  • 矢量图形编辑器列表
  • 電腦圖形
  • CGM
  • 图形文件格式

参考文献
外部链接
*

评论 (0)

  • 还没有评论,来抢沙发吧。