阅读更多

4顶
0踩

Web前端
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已成为视网膜显示器站点中比较重要的图形图像分辨率解决方案之一。随着时间的推移,该技术一定会被越来越多的人熟知以及广泛应用。
4
0
评论 共 3 条 请登录后发表评论
3 楼 huchong2010 2015-05-08 11:01
这评论。。。。
2 楼 huchong2010 2015-05-08 11:00
[flash=200,200][/flash]
||||||||||
|||||||||
|||||||||
||||||||
||||||||
|||||||
|||||||
||||||
||||||
|||||
|||||
||||
||||
|||
|||
||
||
|
|
1 楼 zha_zi 2015-05-05 10:03
描述轮廓这个特性很不错,比起过去简单获取元素所在个<group> 只能获取一个长方形轮廓和四个顶点值,而且是计算出来的要好多了,估计会对chart开发中的起到作用,但是这种svg新特性等到四大浏览器支持是个什么时间点了。

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 快乐比成功更重要

    google_ad_client = "pub-0241434510974184";/* 博客文章广告728x90, */google_ad_slot = "7316585398";google_ad_width = 728;google_ad_height = 90;// 快乐比成功更重要科学研究证明:心情好的人最能发挥潜力;快乐能提高效

  • 成功 or 快乐?哪个重要?

    超女五进三的比赛,让人有种欲罢不能的感觉:不想看下去,是因为不想看着她们互相PK,一决胜负;想看下去,是因为是比赛就得有个第一、第二名。世界上,能有那些不存在冠军的比赛吗?我想,参与比赛的超女们,应该能更深地体会到这一点。平日里,朝夕相处的朋友,却可能有一天站在同一个PK台上,互相厮杀,看超女比赛,更多的时候,象是在看一出人生悲喜剧,所不同的是,这样的悲喜剧是这样真实的在我们眼前发生着,并且还继续

  • 《成长比成功更重要》读后感

    《成长比成功更重要》读后感 像天才一样成长,但你不是天才,只是最好的"你自己"。 有的人想要出类拔萃,有的人只想做个普通人,有个稳定的工作,过一份无忧无虑的生活。可是按现在的标准,这样的人就叫没出息。所以中国的孩子是当人才痛苦,不当人才也痛苦。 我曾和微软公司中的90多人谈了话(大都是中国人,也有些是美国人),有300多个小时的录音以及几百万字的材料。 问题的关键不是找出他们之间的区别,而

  • w3c标准语言,W3C标准 - W3C中国

    W3C的各类技术标准在努力为各类应用的开发打造一个开放的Web平台(Open Web Platform)。尽管这个开放Web平台的边界在不断延伸,产业界认为HTML5将是这个平台的核心,平台的能力将依赖于W3C及其合作伙伴正在创建的一...

  • 【数据可视化】SVG(一)

    SVG- 可缩放矢量图形免费编辑修改义项名 所属类别 : 图形 可缩放矢量图形是基于可扩展标记语言(标准通用标记语言的子集),用于描述二维矢量图形的一种图形格式。

  • SVG2规范中英对照(前言)

    Scalable Vector Graphics ...W3C Candidate Recommendation 04 October 2018 【W3C 候选推荐 2018/10/4】 当前版本: https://www.w3.org/TR/2018/CR-SVG2-20181004/ 最新版本: https://www.w3.org/TR/SVG2/ ...

  • python读取svg文件_使用python创建SVG

    我正在构建一组SVG文件,其中包含大量的硬编码值(它们必须打印一些...SVG 1.1本机不支持任何类型的变量方案,这些方案可以让我做我想做的事情,而且我对在混合中引入JavaScript或不稳定的W3C草案规范不感兴趣。一个明显...

  • python 绘制图表生成svg文件_使用Python创建SVG

    而不是手工管理这些数字(天堂禁止我想改变一些东西),我想我可能会用我可信赖的锤子Python来完成任务.SVG 1.1本身并不支持任何可以让我按照自己的意愿行事的变量方案,而且我不想将javascript或不稳定的w3c草案规范...

  • W3C标准

    W3C标准 W3C的各类技术标准在努力为各类应用的开发打造一个开放的Web平台(Open Web Platform)。尽管这个开放Web平台的边界在不断延伸,产业界认为HTML5将是这个平台的核心,平台的能力将依赖于W3C及其...

  • W3C发布SVG的XML绑定语言(sXBL)草案

    SVGs XML Binding Language (sXBL)W3C 2004-09-01 工作草案01http://www.w3.org/TR/sXBL/

  • 案例+图解带你一文读懂SVG

    并和CSS,DOM,JavaScript和SMIL等其他网络标准无缝衔接 SVG 使用 XML 格式定义图形 SVG是万维网联盟的标准与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体 优势 相对于其他格式的图像,SVG的优势有很多: SVG 与 JPEG...

  • web标准和w3c_W3C记录了Web的体系结构

    web标准和w3cAt an October meeting in Basel, Switzerland, the World Wide Web Consortium’s Technical Architecture Group (TAG) completed and released a final working document titled “Architecture of ...

  • css 中使用svg_使用CSS和SVG在浏览器中屏蔽

    css 中使用svg Masking is a technique that lets you display selected portions of an element or an image on the screen while hiding the rest. Web developers can use this technique in the browser via the...

  • 【前端可视化】SVG 学习知识点

    基本概念和语法 SVG 的定义和历史 SVG 是可缩放矢量图形(Scalable Vector Graphics)的缩写,它...SVG 最早于 1999 年由 W3C 发布,用于在 Web 上展示矢量图形,并于 2001 年正式成为标准。在过去的二十多年中,SVG ...

  • W3C

    WEB标准的英文写法。WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。...这些标准大部分由W3C起草和发布,也有一些是其他...

  • learn-SVG学习

    SVG最早于1999年由W3C发布,用于在Web上展示矢量图形,并于2001年正式成为标准。在过去的二十多年中,SVG经历了多次更新和改进,增加了更多的功能和特性,如动画、交互等,并逐渐得到广泛的应用。SVG2.0于2016年9月...

  • W3C标准简介

    W3C是英文 World Wide Web Consortium 的...W3C会员包括生产技术产品及服务的厂商、内容供应商、团体用户、研究实验室、标准制定机构和政府部门,一起协同工作,致力在万维网发展方向上达成共识。 W3C推出的主要规范

  • 5、CSS 选择器:如何选中svg里的a元素?

    *|*:not(:hover) 选择器3级标准中,not只支持简单选择器,在选择器4级标准,则允许not接受一个选择器列表,这意味着选择器支持嵌套,仅靠not即可完成选择器的一阶真值逻辑完备,但目前还没有看到浏览器实现它。...

Global site tag (gtag.js) - Google Analytics