龙岗网站建设,龙岗网站建设,龙岗网站建设,龙岗网站建设
 
 
建站常识
/go100.net
 
网站建设相关概念知识
给建站新老手推荐3个CS..
如何挑选网站关键词?
HTML中DIV的浮动、..
龙岗网站建设要注意网站导航
CSS中的两种选择器id..
怎么解决网站在在e7、8..
唯品会周年庆 ..
html5建站需要注意点..
jquery设为首页、加..
 
您当前的位置:
  网站建设
 
网络图片的未来趋势——HTML5中的可缩放矢量图形(SVG) 发布人:龙岗网站建设
分享到:
发布时间:2014/6/25

    网络矢量图形是通过可缩放矢量图案(SVG,Scalable Vector Graphics)标记语言创建的。这种语言已经存在了很长时间,却一直不太成功,但两种新情况的出现使其获得了新生。SVG标记语言在IE9中的应用以及移动和其多设备网络的发展。现在,所有主流浏览器都使用了这种语言。SVG如此实用的主要原因使其可缩放性,该特性已在前文中进行过讨论。可缩放性在响应网络设计方面十分有益。用户可以跨平台重复使用同一张图像,这避免了调整图像所带来的问题,。另外,生成SVG以及在网页中嵌入SVG的方式可以增强其可获取性和可检索性。
    当然,SVG格式并非适用于所有情况,正如前文中提到的,处理相片还是更适用于使用位图格式,但SVG格式对于多屏设计来说非常有益。
   
    SVG从1999年由一组加入W3C的公司启动开发,与之前1998年提交给W3C的标准(PGML、VML)构成竞争。SVG从这两个格式吸取了经验。

    SVG允许3种图形对象类型:矢量图形、栅格图像以及文本。图形对象——包括PNG、JPEG这些栅格图像——能够被编组、设计、转换及集成进先前的渲染对象中。文本可以在任何适用于应用程序的XML命名空间之内,从而提高SVG图形的搜索能力和无障碍性。SVG提供的功能集涵盖了嵌套转换、裁剪路径、Alpha通道、滤镜效果、模板对象以及可扩展性。

SVG严格遵从XML语法,并用文本格式的描述性语言来描述图像内容,因此是一种和图像分辨率无关的矢量图形格式。

SVG格式具有以下优点:

    图像文件可读,易于修改和编辑(理论上如此,但实际上却是因为各种不同的SVG文件编辑器而可能存储成不易解读的SVG文件)
    与现有技术可以互动融合。例如,SVG技术本身的动态部分(包括时序控制和动画)就是基于SMIL标准。另外,SVG文件还可嵌入JavaScript(严格地说,应该是ECMAScript)脚本来控制SVG对象
    SVG图形格式可以方便的创建文字索引,从而实现基于内容的图像搜索
    SVG图形格式支持多种滤镜和特殊效果,在不改变图像内容的前提下可以实现位图格式中类似文字阴影的效果。
    SVG图形格式可以用来动态生成图形。例如,可用SVG动态生成具有交互功能的地图,嵌入网页中,并显示给终端用户。

    由于SVG是基于XML的, 因而能制作出空前强大的动态交互图像。即SVG图像能对用户动作做出不同响应, 例如高亮、声效、特效、动画等。 作为SVG技术的一个应用,SVG在手机等无线手持设备上的应用将是3G时代最重要的应用之一。

 
温馨提示:本内容发布于龙岗网站建设(http://www.go100.net),欢迎您转载,请保留版权!
 
 
上一条: 网站的误区——只用来发布企业信息
下一条: 2014年网页设计及网站建设的趋势
 
 
[ 相关更新 ]
· 龙岗网站建设讲述当前建网站需要注意的要点
· 为什么要选择做响应式网站
· 什么是响应式网站
· 流量多样化才能让网站更加健全
· 微信网站开发需要懂得哪些技术?
 
Site Map
 
· 套餐报价
· 功能模块
· 售后服务
 
· 网站优化
· 优化报价
 
· 域名注册
· 空间租用
· 企业邮局
 
· 外贸网站建设
· 模具网站建设
· 五金网站建设
· 家具网站建设
· 其他类案例
 
· 网站建设
· 网站优化
· 网络营销
· 常见问题
· 建站教程
· 热门话题
 
· 公司介绍
· 新闻动态
· 我们的优势
· 下载中心
· 付款方式
· 联系我们
 
在线客服