猴塞雷

科学观察员
科学赐予人类相信真理的力量

SVG格式

  保藏

  查看我的保藏

  0

  有效+1

  已投票

  0

  编辑

  锁定

  SVG是一种图像文献体例,它的英文全称为Scalable Vector Graphics,道理为可缩放的矢量图形。它是基于XML(Extensible Markup Language),由World Wide Web Consortium(W3C)定约实行斥地的。庄重来说应当是一种盛开程序的矢量图形道话,可让你策画激昂人心的、高辨别率的Web图形页面。用户可能直接用代码来描述图像,可能用任何文字处置用具翻开SVG图像,通过变更个别代码来使图像具有交互成效,并可能随时插入到HTML中通过浏览器来阅览。

  中文名

  SVG体例

  外文名

  Scalable Vector Graphics

  种 类

  矢量图体例

  斥地者

  W3C定约

  扩展名

  .svg

  1

  简介

  2

  上风

  3

  实例

  4

  体现

  编辑

  SVG是一种用XML界说的道话,用来刻画二维矢量及矢量/栅格图形。SVG供应了3品种型的图形对象:矢量图形(vectorgraphicshape比方:由直线和弧线构成的途径)、图象(image)、文本(text)。图形对象还可实行分组、增添样式、变换、组合等操作,特搜集囊括嵌套变换(nestedtransformations)、剪切途径(clippingpaths)、alpha蒙板(alphamasks)、滤镜恶果(filtereffects)、模板对象(SVG格式templateobjects)和其它扩展(extensibility)。SVG图形是可交互的和动态的,可能正在SVG文献中嵌入动画元素或通过剧本来界说动画。它供应了目前汇集流通的PNG和JPEG体例无法具备的上风:可能恣意放大图形显示,但毫不会以死亡图像质料为价值;可正在SVG图像中保存可编辑和可征采的形态;均匀来讲,SVG文献比JPEG和PNG体例的文献要小许众,于是下载也很疾。可能置信,SVG的斥地将会为Web供应新的图像程序。●SVG 指可伸缩矢量图形 (Scalable Vector Graphics)●SVG 用来界说用于汇集的基于矢量的图形●SVG 利用 XML 体例界说图形●SVG 图像正在放大或变更尺寸的处境下其图形质料不会有所牺牲●SVG 是万维网定约的程序●SVG 与诸如 DOM 和 XSL 之类的 W3C 程序是一个全体

  编辑

  正在 2003 年一月,SVG 1.1 被确立为 W3C 程序。到场界说 SVG 的构制有:太阳微体例、Adobe、苹果公司、IBM 以及柯达。与其他图像体例比拟,利用 SVG 的上风正在于:●SVG 可被尽头众的用具读取和修正(比方记事本)●SVG 与 JPEG 和 GIF 图像比起来,尺寸更小,且可压缩性更强。●SVG 是可伸缩的●SVG 图像可正在任何的辨别率下被高质料地打印●SVG 可正在图像质料不低重的处境下被放大●SVG 图像中的文本是可选的,同时也是可搜罗的(很适合修制舆图)●SVG 可能与 JavaScript 时间一道运转●SVG 是盛开的程序●SVG 文献是纯粹的 XMLSVG 的要紧角逐者是 Flash。与 Flash 比拟,SVG 最大的上风是与其他程序(比方 XSL 和 DOM)相兼容。而 Flash 则是未开源的私有时间。目前,不是一共的浏览器都援救 SVG,这也是 SVG 普及的最大妨害。Mozilla、Firefox 、Opera、Chrome以及微软的 Internet Explorer和Microsoft Edge等主流浏览器都依然援救 SVG体例。SVG编辑器的数目正正在拉长,Adobe GoLive 5 也援救 SVG。

  编辑

  下面的例子是一个简易的 SVG 文献的例子。SVG 文献必需利用 .svg 后缀来留存:

  代码注解:第一行蕴涵了 XML 声明。请提防 standalone 属性!该属性划定此 SVG 文献是否是“独立的”,或含有对外部文献的援用。standalone="no" 意味着 SVG 文档会援用一个外部文献 - 正在这里,是 DTD 文献。第二和第三行援用了这个外部的 SVG DTD。SVG 代码以 元素初阶,囊括开启标签 和合上标签 。这是根元素。width 和 height 属性可设立此 SVG 文档的宽度和高度。version 属性可界说所利用的 SVG 版本,xmlns 属性可界说 SVG 定名空间。SVG 的 用来创修一个圆。cx 和 cy 属性界说圆中央的 x 和 y 坐标。要是怠忽这两个属性,那么圆点会被设立为 (0, 0)。r 属性界说圆的半径。stroke 和 stroke-width 属性掌管何如显示形式的轮廓。咱们把圆的轮廓设立为 2px 宽,黑边框。fill 属性设立形式内的颜色。咱们把填充颜色设立为赤色。合上标签的功用是合上 SVG 元素和文档自身。

  编辑

  看待ie9以下版本的ie浏览器,要是念正在页面中体现svg图片,需求装配adobe的SVGView插件。而看待援救html5的FireFox和Chrome浏览器,可能直接利用object标签引入。正在chrome中引入的代码如下:

  词条图册

  更众图册

猴塞雷 版权所有,未经允许不得转载:猴塞雷 » SVG格式
分享到: 更多 (0)

猜你也想读下面的文章: