何为“VML”、VML的基底知识

HTML是WEB网页的标准格式,我们看到的网页都是HTML标记编写的,但标记有限
-VML是用代码标签在网页内绘图的标记语言,类似HTML,或可说是HTML的补足
-输出的图像是矢量图形格式,图形又支持以2D、3D、动态动画的形式呈现
-它对HTML、CSS2(样式表)的兼容非常好,就是说这3者很容易搀杂在一起、互补
-它对DHTML(基于HTML对象的编程语言)、JS&VBS(脚本程序)同样兼容的很好
-它对XML(通用WEB数据描述语言)、XSL(样式表)、DOM(对象接口)等等兼容都很好
-它可以被支持它的浏览器直接解析、输出,不过目前只有IE浏览器支持VML

-它同PGML、SVG等均基于XML格式,也跟SWF(flash)、PDF等图型效果类似
-VML是微软1999年前(具体时间我不详)制作推出的,并集成到了IE5+浏览器
-同样也是Microsoft Office Art(艺术图型,如word的艺术文字)的核心结构
-VML由微软Visio、Autodesk、Macromedia等企业推荐给W3C(WWW最高权利协会)
-采取、综合了各方的推荐,W3C于1999年初开始发展SVG,并随后不久推出
-SVG是综合VML、GML等的改进(输出效率、图型质量、标记扩展),被推荐为标准
-但SVG需要专门的图像阅读器如(Adobe SVG Viewer),无法直接被浏览器引擎解析
-以我见,SVG更适合于精度矢量图型应用软件开发、VML则适合应用在WEB页
-有不少文章说VML已过时,但仁者见仁、智者见智,VML我感觉相当健全(图型质
量、输出速度)以及它编写简单、浏览器可以解析、与HTML等语言的兼容性、实
际WEB页应用的可行性、深层开发的可行性

-但不能光提VML的优点,VML在我深层应用开发中,就碰到了“效率”缺点,当然只
是说深层应用(做大副精度矢量图像、Vml动画、绚丽的2D/3D效果、等……),一
般简单的应用,是感觉不到的,或可说一般应用不在话下。
-硬件效率:也许VML描述一个矢量图形只需短短一行、几行代码,没有理由会引起
输出效率慢的问题。但实际上,VML矢量图型(2D/3D)的输出,是综合显卡、内存
、CPU、屏幕刷新率等同时工作,这直接关系着硬件的性能、需要一定的设置,也
就是VML矢量图型越大、颜色越多、图型处理的越复杂、动画更新的越快,也就越
容易引起CPU100%、输出效率越慢的问题,否则会很快。
-数据效率:综合上述图型越大、颜色越多等问题,不光关系着硬件。其实,几行代
码描述的图型,在浏览器解析后,就变成了名副其实的“数字图像”。只是浏览
器解析后的数据,我们看到的是图型,幕后谁知需要多少个“数字”才能输出这
么一个图型?显示器刷新一次,就是复读一次这些“数字”……。这也就是你不
看这个图型(切换到其他网页)机器运作效率就快,反之你看,机器运作就变慢
的原因。
-图像矢量效率:在今后的章节,你会学习到VML的image、imagedata、fill等标
记,这些标记均可以将http://(网上)、file:///(本地)路径协议的jpg、gif、
bmp等格式的图像以矢量形式插入到WEB页。你会发现,如果被插入的图像越大(
字节数),就会越慢,反之就会很快。
-综合上述效率问题,是VML的最大缺点。了解了VML的缺点,在今后学习、应用
VML中,要尽可能取长补短避免在这个缺点上碰钉子,充分掌握了VML技术以后
,这并不困难、不足以为惧。起码,VML图形的输出效率还是够快的:)

(0)

相关推荐

  • 何为“VML”、VML的基底知识

    HTML是WEB网页的标准格式,我们看到的网页都是HTML标记编写的,但标记有限-VML是用代码标签在网页内绘图的标记语言,类似HTML,或可说是HTML的补足-输出的图像是矢量图形格式,图形又支持以2D.3D.动态动画的形式呈现-它对HTML.CSS2(样式表)的兼容非常好,就是说这3者很容易搀杂在一起.互补-它对DHTML(基于HTML对象的编程语言).JS&VBS(脚本程序)同样兼容的很好-它对XML(通用WEB数据描述语言).XSL(样式表).DOM(对象接口)等等兼容都很好-它可以被支

  • 欢迎品尝用vml画的苹果~~

    v\:*{behavior:url(#default#VML)} [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] v\:*{behavior:url(#default#VML)} [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] Tags:欢迎品尝用vml画的苹果~~ 相关文章 2006-12-12VML网页文件的基本格式 2006-12-12何为"VML".VML的基底知识 2006-12-12VML的基本概念 2006-12-12放大缩小VML 2006-12

  • JS页面动态绘图工具SVG,Canvas,VML介简介

    说到绘图.报表之类的技术,大家首先想到的就是Flex,当然也有许多了解javaapplet,对于这两种技术来说,各有利弊. 首先Flex很笨重,但是其效果实在让人喜欢.对于javaapplet来说,至少我在网络上很少看到,当然对于我们做开发的来说在我们的开发工具或者内部网络上还是有一些的. 其实现在Web上进行绘图的话还是有很多选择的,你可以到谷歌上搜索JS绘图,会有很多绘图工具提供给你使用,而且功能非常强大.比如说maxGraph,你可以到http://www.jgraph.com/mxgra

  • JavaScript 动态创建VML的方法

    要使用VML,我们首先要开辟一个命名空间.以前动态创建比较麻烦 document.namespaces.add('vml', 'urn:schemas-microsoft-com:vml', "#default#VML"); ie8出现后,微软一口气升级了IE6,IE7.创建方法更简单. document.namespaces.add('vml', 'urn:schemas-microsoft-com:vml'); 它们的作用相当于把HTML标签搞成下面这个样子: <html x

  • JS基于VML技术实现的五角星礼花效果代码

    本文实例讲述了JS基于VML技术实现的五角星礼花效果代码.分享给大家供大家参考,具体如下: 这里演示的五角星礼花,基于HTML+js+VML技术共同编写实现,打开页面即可看到礼花绽放效果,五角星符号可以换成其它的符号,本效果可轻松修改成烟花升空爆炸特效,不过你要事先制作一个烟花的GIF小图,然后替换掉五角星. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-vml-wjx-style-demo/ 具体代码如下: <HTML> <HE

  • js+vml创建3D页面效果代码

    v\:* { Behavior: url(#default#VML) } body{margin:0px} 向左旋转 暂停旋转 向右旋转 var q=40; var r=(q*3.1415926)/180 var v=new Array() var l=new Array() v[0]="0,400,0" v[1]="100,350,15" v[2]="200,400,0" v[3]="0,400,300" v[4]=&quo

  • vml圆角矩形最简布局第1/5页

    我的作品 v\:*{behavior:url(#default#VML);position:absolute;} o\:*{behavior:url(#default#VML);} function window.onerror(){return true;} //防止您的程序出现错误时弹出提示 //启动更新函数,更新所有使用隐藏功能的物件初期视图 var loadtime=null,loadtext='if(document.readyState!="complete"){windo

  • vml简介

    VML(Vector Markup Language) 是一个最初由Microsoft开发的XML词表,现在也只有IE5.0以上版本对VML提供支持.使用VML可以在IE中绘制矢量图形,所以有人认为VML就是在IE中实现了画笔的功能.下面介绍一下VML的优点: 基于XML标准 XML是公认拥有无穷生命力的下一代网络标记语言, VML具有先天的优势,它的表示方法简单,易于扩展等等. 支持高质量的矢量图形显示 VML支持广泛的矢量图形特征,它们基于由相连接的直线和曲线描述路径.在VML中使用两个基本

  • VML网页文件的基本格式

    v\:* { behavior: url(#default#VML);} o\:* { behavior: url(#default#VML);} 网页的标题 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 网页的标题 v\:*{behavior:url(#default#VML);} [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 很显然,跟HTML网页的结构很类似,以上标记的意思你可以理解为如下(//符号后是解释) <HTML xmlns:v> //关键语句,指明该

  • 建立WEB两大经典!《VML极道教程》+FlashVml(闪耀之星)3.0中/英文版联合发布!

    该贴的内容,请务必字句阅读,因为这是免费赠送给所有WEBIT人的一个技术大蛋糕! 注释:以下所有的URL演示地址,因人流问题会较慢,其加载时请耐心等待,并尝试使用不同地址分流. <VML极道教程>简介: 以学图用为目标追求.以效求速为极道教程.目前一本相当完整的中文(VML教程+参考手册)合本.此书将使你彻底的精通VML标记.熟悉DVML编程.进而转战WEB实际开发.无论你是笨人.常人.聪明人.IT精英,只要你肯学,熟读本书你就能彻彻底底的精通VML.你或可纯手写代码,实现简单的VML应用.你

随机推荐