转载

W3C首次发布SVG标记、SVG轮廓标准工作草案

4月初,W3C可扩展矢量图(SVG)工作组首次发布了 SVG标记(SVG Markers) 、 SVG轮廓(SVG Markers) 两份标准的公开工作草案。

SVG标记,定义了一种SVG特性,允许沿着SVG形状的边缘放置可重用的图形元素,这一特性可以更好的支持数据图表、标记等应用需求。SVG轮廓定义了一组属性,控制SVG形状绘制时的轮廓效果。

此外,该工作组还发布了 可扩展矢量图(Scalable Vector Graphics, SVG)第二版(SVG 2) 的工作草案更新。该文档定义了SVG第二版的语法和各种特性。

SVG是什么?

SVG可缩放矢量图形(Scalable Vector Graphics)是基于可扩展标记语言(XML),用于描述二维矢量图形的一种图形格式。SVG是W3C在2000年8月制定的一种新的二维矢量图形格式,也是规范中的网络矢量图形标准。SVG严格遵从XML语法,并用文本格式的描述性语言来描述图像内容,因此是一种和图像分辨率无关的矢量图形格式。

SVG支持三种图像类型:矢量图像、嵌入式外部图像以及文字。用户可根据自己的喜好轻松使用XML文本文件修改SVG图像。任何文本编辑器都可创建此类图像,但为了快捷方便,多使用绘图程序,如Inkscape。

与其他图像格式相比,使用SVG的优势在于:

  • SVG可被非常多的工具读取和修改(比如记事本);
  • SVG与JPEG和GIF图像比起来,尺寸更小,且可压缩性更强;
  • SVG是可伸缩的;
  • SVG图像可在任何的分辨率下被高质量地打印;
  • SVG可在图像质量不下降的情况下被放大;
  • SVG图像中的文本是可选的,同时也是可搜索的(很适合制作地图);
  • SVG可以与Java技术一起运行;
  • SVG是开放的标准;
  • SVG文件是纯粹的XML。

SVG可独立使用,也可以集成到HTML内容或嵌入到其他基于XML的标记语言中,如可通过<embed>、<object>或<iframe>标签嵌入HTML文档。SVG还支持内容的动态改变,并可以通过脚本创建可交互式的文档、动画等。目前已得到Firefox、IE9-10、Chrome、Safari以及Opera在内的主流浏览器的支持。

同时,SVG已成为视网膜显示器站点中比较重要的图形图像分辨率解决方案之一。随着时间的推移,该技术一定会被越来越多的人熟知以及广泛应用。

欢迎加入CSDN前端交流群:218126086,进行前端技术交流。

更多阅读:五款超实用的开源SVG工具

正文到此结束
Loading...