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

所属分类: 网络编程 / CSS/HTML 阅读数: 722
收藏 0 赞 0 分享
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图形的输出效率还是够快的:)
更多精彩内容其他人还在看

简单明了带你了解CSS Modules

不要误会,CSS Modules可不是在说“css模块化”这个好像在某些地方见过的词,它其实是特指一种近期才出现的技术手段。什么技术手段呢?下面小编来和大家一起学习一下
收藏 0 赞 0 分享

新手学习css优先级

大部分人同样也会在写css的过程中产生很多困惑,比如为什么自己写的某段css没有生效,或者呈现出的样式和预计的不同,但又不知道要如何解决。下面小编来和大家一起学习CSS的优先级
收藏 0 赞 0 分享

css进阶学习 选择符

css这种没有程序逻辑的代码中,又能找出什么来说明谁做得更出色呢?下面小编给大家说明如何从css选择符的角度来提高css代码质量。
收藏 0 赞 0 分享

实现css文字垂直居中的8种方法

CSS可以轻易实现文字的水平居中,但有时我们需要文字垂直居中,除了表格可以实现这种CSS文字垂直居中以外,还有其它几种方法可以做到
收藏 0 赞 0 分享

完美实现CSS垂直居中的11种方法

在做前端项目时CSS的水平居中我们经常使用,但有时还会用到CSS垂直居中,对于小白来说这个就有些难度了,下面看一下我是如何实现的
收藏 0 赞 0 分享

webpack高级配置与优化详解

这篇文章主要介绍了webpack高级配置与优化,其中包括了webpack打包多页面,webpack跨域问题等相关内容
收藏 0 赞 0 分享

5个HTML5的常用本地存储方式详解与介绍

在HTML5规范之前,存储主要是用cookies,但cookies缺点有在请求头上带着数据,大小是4k之内,今天为大家介绍一下H5的5种存储方式
收藏 0 赞 0 分享

CSS代码检查工具stylelint的使用方法详解

stylelint是一个强大的现代CSS检测器,可以让开发者在样式表中遵循一致的约定和避免错误。本文将详细介绍CSS代码检查工具stylelint
收藏 0 赞 0 分享

Zen Coding css,html缩写替换大观 快速写出html,css

本文是在zen使用生产中遇到的问题做一些分享。
收藏 0 赞 0 分享

javascript代码规范小结

javascript代码规范,大家可以参考下,以便写出更利于阅读的代码。
收藏 0 赞 0 分享
查看更多