VML的基本概念_VML相关

VML相当于IE里面的画笔,能实现你所想要的图形,而且结合脚本,可以让图形产生动态的效果。VML是微软1999年9月附带IE5.0发布的,在我认为, VML其实是Word和HTML结合的产物。可以将Word文档另存为HTML,其中的文本和图片可以很容易的转换,但如果是手绘制的图形在以往的IE里面就无法解释了,如果都转换成图形文件又不太现实。于是微软把Word里面的图形控件结合到IE里面,使IE也具备了绘图功能。
    VML的全称是Vector Markup Language(矢量可标记语言),矢量的图形,意味着图形可以任意放大缩小而不损失图形的质量,这在制作地图上有很大用途。为了显示它的强大,和增加你学习VML的信心,先给你看看一个VML例子:

<?xml:namespace prefix = v ns = "urn:schemas-microsoft-com:vml" />Hello world!
Hello VML!

    在VML里面,标记使用的是XML扩张,需要一个namespace(命名空间),你可以使用惯用的“v”作为命名空间,使用IE5.0到IE6.0通用的定义如下:

<html xmlns:v="urn:schemas-microsoft-com:vml">
<STYLE>
v\:* { Behavior: url(#default#VML) }
</STYLE>

    xmlns 全称就是XML NameSpace 也就是命名空间。Behavior(行为)也是IE5.0新推出的东西,它的功能非常强大,结合样式表,可以给任何HTML对象增加行为(新的属性、方法、事件),而在这里,它的用处是把命名空间“v”和系统预定义的行为VML连接。这样定义以后,你就可以使用下面的标记了,和普通的HTML标记有所区别,每个标记都增加了一个命名空间:

<v:shape></v:shape>

    和其他HTML元素一样,VML标记里面可以定义DHTML大部分属性和事件,比如说id,name,title,onmouseover等等。在写法上VML比较灵活,很多属性既可以写在标记里面,又可以独立出一个新的标记来表示:

<v:shape id=shape1 name=shape1 onmouseover="alert(this.id)" StrokeColor=red Path="m 0,0 l 10,10 x e"></v:shape>
等同于下面的写法:
<v:shape id=shape1 name=shape1 onmouseover="alert(this.id)">
<v:Stroke StrokeColor=red/>
<v:Path v="m 0,0 l 10,10 x e"/>
</v:shape>

    当然不是所有的属性都可以写成独立的标记,常用的比如说上面的 Stroke(按我的理解可以翻译成线性),Path,Shadow,Fill(填充)等,VML这样的方式可以理解为 shape 的属性分类,使属性更直观。
    Shape 对象派生出来的一些对象,更加直接的图象,比如说 Rect(矩形),RoundRect(圆边的矩形),Oval(圆),Line(线),PolyLine(不规则折线),Image(图形文件)等等,以后将对这些对象细细描述。

时间: 2024-11-13 06:41:11

VML的基本概念_VML相关的相关文章

何为“VML”、VML的基底知识_VML相关

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

VML应用实例大全_VML相关

<HTML xmlns:v> <HEAD> <META http-equiv="Content-Type" content="text/html; Charset=gb2312"> <META name="GENERATOR" content="网络程序员伴侣(Lshdic)2004"> <META name="GENERATORDOWNLOADADDRESS&q

详解Lua中的表的概念及其相关操作方法

  这篇文章主要介绍了Lua中的表的概念及其相关操作方法,是Lua入门学习中的基础知识,需要的朋友可以参考下 表格是唯一的数据结构中Lua可以帮助我们创造出不同的类型,如数组和字典. Lua使用关联数组和可不仅数字,但也有不同的零字符串索引.表格都没有固定的大小,并根据需要可以增长. Lua采用的所有陈述,包括包装的代表性表.当我们访问一个方法的字符串.格式,这意味着,我们正在访问的格式化功能的字符串封装. 表示和用法 表称为对象和它们既不值,也没有变. Lua使用构造函数表达式{}创建一个空表

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

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

给VML增加事件_VML相关

VML 和 HTML 的紧密结合,使的给 VML 增加事件变得很容易.所有的 HTML 里面的事件都可以应用到 VML 中间来!下面的例子是演示:当鼠标移动到圆的时候,圆就跟着鼠标移动了,当鼠标点击后,圆停止移动. <v:oval id="circle" style="position:relative;width:100;height:80;" onmouseover="move()" fillcolor=red /><scr

vml简介_VML相关

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

ShapeType给VML制作模版_VML相关

VML的这个功能很有用,模版,顾名思义,它可以减少书写代码的量,又使的代码可读性提高.在理解VML模版的时候,可以和 HTML 的 CSS 一样理解,它是定义好的一种形状,下次使用的时候直接声明 type 属性就可以了.看看下面的例子: <v:shapetype id="arrowUP" coordsize="6 6"> <!--三角形 向上-->    <v:path v="m 3,0 l 0,6,6,6,3,0 x e&q

Shape对象与VML坐标系_VML相关

Shape是VML最基本的对象,利用它可以画出所有你想要的图形.在VML中,使用的坐标并不是Document的坐标,它有自己的坐标系,这样一来,动态改变它的坐标,就可以实现放大.缩小.旋转等功能了.shape的 CoordSize 属性就是用来定义坐标的,它有两个参数,<v:shape CoordSize="2800,2800" />, 这里的2800,2800 是横纵坐标被分成了2800个点,并不是HTML里面默认像素.如果没有设置圆点,VML默认是 0,0 (左上角),

初识Docker,概念-架构-相关术语

介绍Docker概念与平台架构,相关术语 Docker的历史 诞生 Docker 是Docker.Inc 公司开源的一个基于 LXC技术之上构建的Container容器引擎,基于Google 公司推出的 Go语言实现的云开源项目,诞生于 2013 年初,最初是 dotCloud 公司内部的一个业余项目.项目后来加入了 Linux 基金会,遵从了 Apache 2.0 协议,项目代码在 GitHub 上进行维护.而且居然只有 1W 行就完成了这些功能.如果想尝试一下的话可以看 官方介绍了.   D