Google极力推动 Web 矢量图技术

  至少在10年前,人们就建议对 Web 图形技术进行改造,而 Google 认为,现在已经是时候了。Google 上周五主持召开了 SVG Open 2009 大会,讨论有关 SVG (Scalable Vector Graphics (SVG)) Web 图形标准的问题。随着众多浏览器厂商以及 Web 开发者对 SVG 的支持,这种可用于 Web 的矢量图形标准很有可能在最近几年成为主流。

  正如 Google 的开发工程师 Brad Neuberg 在大会中所言,新的编程标准虽说很难形成,但它们确实来了,他说,一开始它们被忽视,接着被炒作,接着被宣布死亡,最后发现,它们是真正能解决问题的技术。

  

  点阵图,放大后会变虚

  

  SVG 让图形任意发达而保持质量不变

  矢量图使用直线,曲线,几何图形,色彩值表述图形,而 JPG,GIF 一类的点阵图使用点阵描述图形,前者拥有更小的文件尺寸,不变的缩放质量,比如,我们可以看一下 SVG 版的 Wikipedia 标志,即使放大到整页大小,质量也不下降。

  然而 SVG 仍未广泛进入 Web 开发者的圈子,一方面,因为占据主导地位的浏览器 IE 仍不支持这种技术,Neuberg 认为,如果主流浏览器不支持,你就不敢轻易部署。

  不过,Google 和它的同盟们正在改变这一现状,Chrome, Firefox, Safari, 以及 Opera 都支持 SVG,而鉴于微软是这次会议金牌赞助商,相信 IE 也将在这方面有所作为。

  在一项 Web 开发者的调查中,矢量图成为最受期待的功能,这让 Google 更有信心推出一款叫做 SVG Web 的软件,该软件旨在帮助那些不支持 SVG 的浏览器实现 SVG 支持。Neuberg 说, 对于那些支持 SVG 的浏览器, SVG Web 会将 SVG 渲染任务交给浏览器,对于不支持 SVG 的浏览器,则会生成一个 Flash 对象渲染 SVG 图形,虽然这种机制永远赶不上本地 SVG 的渲染速度,但可以很好地帮助 Web 开发者实现矢量图功能。

  Google 计划在大会中展示他们同 Wikipedia 一起使用 SVG 技术的果实,具体的技术部署可能还需要一到两个月。

  SVG 的一个问题是,它属于正在消亡的 XHTML Web 语言的一部分,然而,HTML 5 标准已经明确地将 SVG 放到一等公民的位置。

  在 Web 浏览器中实现矢量图,还有另外一种技术,就是 HTML 5 的 Canvas。Neuberg 说,Canvas 最适合在屏幕上画图,而 SVG 最适合对矢量图进行处理,在 Adobe Flash 和 微软 Silverlight 中,SVG 和 Canvas 都被支持。

  当然,如今矢量图领域最大的竞争者是 Adobe Flash,拥有大量的用户基础,而 Adobe 的 FXG 技术更是锦上添花,使 SVG 在 Flash 中得以实现。

  Neuberg 表示,矢量图还有一个优势,它的描述语言可以被搜索引擎索引,和 HTML 一样,可以拥有链接地址,它是 Web 的一部分,可以和别的技术交互,它并不是一个被封锁在盒子中看不到的东西。

  本文来源:http://news.cnet.com/8301-30685_3-10365636-264.html?tag=mncol;title

  中文翻译来源:COMSHARP CMS 官方网站

时间: 2024-10-27 15:24:01

Google极力推动 Web 矢量图技术的相关文章

通过SketchRNN、PCA和t-SNE从Google QuickDraw数据集中显示矢量图的潜在空间|附源码

首发地址:https://yq.aliyun.com/articles/98593 更多深度文章,请关注:https://yq.aliyun.com/cloud 本文是作者最近发布的Google QuickDraw数据集一系列笔记中的第三部分,使用的最近发布的SketchRNN模型.下面介绍QuickDraw数据集及SketchRNN模型.        QuickDraw数据集是由世界各地1500多万人参与的"快速绘画" AI实验后收集数百万幅图画建成,要求参与者在20秒内绘制出属于

.net 开发矢量图程序技术选择,请指教

问题描述 矢量图显示电路模拟版,硬件平台为32寸可触控一体机,用户可通过手指操作放大.缩小或者平移矢量图,操作时不能卡顿.通过网上查询了解到,开发矢量图程序可以使用c#GDI+,也可以使用基于web的SVG技术,何去何从呢?! 解决方案 解决方案二:自己顶起!大神们多指教!解决方案三:WPF轻松搞定

免费程序IcoMoon:把矢量图转换成Web字体

文章描述:在这篇教程中,我们将看看如何使用一个免费的Web应用程序IcoMoon将矢量图转换成Web字体.然后在看看如何使用生成的字体通过css应用到Web页面中. 我已经制为网站制作了一些优雅的图标,并且在新的网站和老的iPad上进行了测试.正常尺寸下,布局看看上去一切OK,但的将页面进行放大显示,我却发现我的icon变得模糊不清,但是基于文本的标题依然清晰可见.在具有Retina显屏的iPad上,这些图标看上去都不清晰,即使在没有进行任何放大的情况之下. 我第一想法就是创建双倍大小的Spri

展望2010年:海外最新Web相关的技术

2010 年的 Web 会是什么样,或者说,未来的 Internet 意味着什么,2010 会是值得关注的一年.本文从 5 个方面展望 2010 年的 Web,包括 HTML5,CSS3,字体服务技术:浏览器:社会媒体:JavaScript 框架:以及 SAAS. 1. CSS3, HTML5 以及 字体服务 CSS3,HTML5,以及 Typekit 一类的字体服务,将给 Web 设计师带来更多自由. CSS3 的新功能会让 Web 内容的展示变得更容易,从多背景图,到更强大的选择器,到颜色渐

Google毁了Web?

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 Google 太强大了.搜索引擎不再是去"反映"一个站点的受欢迎程度,而是"决定"了站点的受欢迎程度.这是Daniel Brandt的说法.他是公共信息研究所的所长,一位激进分子,也是公众利益的捍卫者.那些想了解Google运作及其潜在危险的人应该去他的站点www.googlewatch.org 看看.

深度分析:Google毁了Web?

参考:Google的技术剖析: 摘要:     Google太强大了.搜索引擎不再是去"反映"一个站点的受欢迎程度,而是"决定"了站点的受欢迎程度.这是Daniel Brandt的说法.他是公共信息研究所的所长,一位激进分子,也是公众利益的捍卫者.     那些想了解Google运作及其潜在危险的人应该去他的站www.googlewatch.org 看看.     危险?凭借其受专利保护的PageRank算法,Google迅速脱颖而出,成为Web上占统治地位的搜索引

svg矢量图绘制以及转换为Android可用的VectorDrawable资源

项目需要 要在快速设置面板里显示一个VoWiFi图标(为了能够区分出来图形,我把透明的背景填充为黑色了) 由于普通图片放大后容易失真,这里我们最好用矢量图(SVG(Scalable Vector Graphics))来做图标,而系统状态栏图标多是用vectorDrawable绘制,所以我们的最终目的就是绘制一个上图中样式的Android VectorDrawable xml图标.尤其是这种资源文件体积小放大又不失真,干嘛不用呢. VectorDrawable Android L开始提供了新的AP

Web数据库中间件技术

web|数据|数据库 Web数据库中间件技术 曾晓金    (云南工业大学计算机应用重点实验室 昆明 650051) 摘要:介绍了Web数据库的几种中间件解决方案,并比较了它们的特色与不足,以及Web数据库出现的相应最新技术. 关键词:中间件 CGI ASP ISAPI NSAPI JDBC 随着Internet/Intrranet的兴起与发展,Web服务器与数据库服务器的连接显得越来越重要,许多厂家不断推出新技术.新产品,使得连接更加简洁.迅速和方便.Web与数据库连接技术已成为基于Web的信

什么是矢量图?

  问:什么是矢量图?矢量图的常见几种矢量格式有哪些? 答:矢量图:又叫向量图形,是由线条和色块组成的图像.放大后清晰度仍能清晰.一般矢量图只能靠软件生成,矢量图生成的文件占用内在空间较小,适用于图形设计.文字设计和一些标志设计.版式设计等.一般广告公司做logo方面就是矢量图. 矢量图的常见几种格式有哪些? 1.CorelDraw应用程序生成的格式文件就是cdr格式文件,这种格式就是矢量图的最常用的格式,应用范围也是非常广泛,应用于一些图形文字的设计.标牌.标志等区域. 2.还有就是AutoC