`

VML的基本概念

    博客分类:
  • JAVA
阅读更多

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

Hello world!
Hello VML! <!--/v:group-->



    在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(图形文件)等等,以后将对这些对象细细描述。

 

更多学习见 http://www.mwjx.com/aboutfish/private/book/vml/index.html

分享到:
评论

相关推荐

    VML的基本概念.docx

    尽管现代的Web开发更多地依赖SVG(Scalable Vector Graphics)作为矢量图形的标准,但了解VML的基本概念对于理解Web图形的发展历程以及在处理旧代码时仍然有所帮助。然而,由于兼容性和性能上的考虑,现在推荐使用...

    vml网页式简易教程

    ### VML基本概念 1. **矢量图形**:与位图图形不同,矢量图形是由线条、形状和路径组成的,可以无限放大而不失真。 2. **VML元素**:VML使用XML元素来表示图形,如`&lt;v:shape&gt;`定义一个形状,`&lt;v:textbox&gt;`定义文本框...

    Thinking in VML

    1. **VML基本概念**:VML由一系列形状元素(Shape)、路径元素(Path)和其他辅助元素组成,这些元素可以组合成复杂的图形结构。VML图形是基于矢量的,这意味着它们可以无限缩放而不失真,非常适合创建图标、图表和...

    VML极道教程+VML开发工具

    ### VML基本概念 1. **矢量图与位图**:VML是一种描述矢量图形的语言,它通过数学公式来定义形状,这意味着图形可以无限放大而不失真,与位图(像素图)形成对比。 2. **XML基础**:VML作为XML的子集,遵循XML的...

    VML经典教程 VML动态画圆、画矩形、画多边形

    VML基本概念 VML是微软在SVG(Scalable Vector Graphics)标准之前提出的一种矢量图形格式,它允许开发者使用XML语法来描绘二维图形,这些图形可以被放大而不失真,因为它们是基于数学公式而不是像素的。在Internet...

    vml+flashVML

    Flash VML是一个概念,将VML与Adobe Flash技术相结合,以增强网页上的图形渲染和交互性。Flash以其强大的动画功能和跨平台兼容性而闻名,而VML则提供了更精细的矢量图形绘制能力。将两者结合,开发者可以创建更丰富...

    vml 极道教程 详细的vml教程

    总之,"vml极道教程"是一份全面的学习资料,不仅涵盖VML的基本概念和技术,还涉及到其动态扩展和与其他技术的结合,对想要深入了解和使用VML的人来说非常有价值。通过学习这个教程,你可以提升自己的前端开发技能,...

    VML教程_两套不同教程兼实例

    学习这两套教程,你将能够熟练掌握VML的基本概念,理解其语法结构,并能运用到实际的网页设计中,创建出独特的矢量图形。无论是在传统的网页设计中,还是在需要向后兼容的老版本浏览器中,VML都是一个有价值的技术...

    VML教程.学习VML的可以看看

    1. **VML基础概念**:介绍VML的基本结构,如如何定义一个图形元素,以及元素的属性和样式设置。 2. **基本图形绘制**:讲解如何用VML代码绘制直线、曲线、圆形、矩形等基本形状,并且可能会涉及填充颜色、描边样式...

    VML极道教程 VML极道教程

    1. **VML基础**:首先,你会了解到VML的基本概念,包括如何在HTML文档中引入VML,以及VML元素的结构和属性。VML使用一系列的形状标签,如`&lt;rect&gt;`(矩形)、`&lt;circle&gt;`(圆形)和`&lt;line&gt;`(线条)等,来绘制图形。 ...

    VML极道教程.VML极道教程.

    总的来说,《VML极道教程》不仅讲解了VML的基本概念和用途,还探讨了其在实际应用中的优势和局限,为不同水平的学习者提供了全面且深入的指导。通过学习,读者不仅可以掌握VML技术,还能理解如何在实际项目中有效地...

    VML画图API

    1. **VML基本元素**:VML由一系列的XML元素组成,如`&lt;v:shape&gt;`用于定义形状,`&lt;v:textbox&gt;`用于文本处理,`&lt;v:group&gt;`用于组合多个元素等。每个元素都有自己的属性,通过设置这些属性可以控制图形的样式、大小、...

    vml教程.chm 矢量可标记语言

    VML的基本概念,Shape对象与VML坐标系,Line,Polyline(线)对象,Rect,RoundRect(矩形)对象,Oval(圆)对象,Image(图像)对象,Group容器,ShapeType给VML制作模版,VML编程技巧,VML典型例子 等等

    vml使用手册_包含多种示例

    本使用手册旨在全面介绍VML及其应用,通过丰富的示例帮助用户理解和掌握其核心概念与功能。 一、VML基础 VML是一种XML方言,它可以用来描述二维矢量图形,支持线、曲线、形状、文本和图像等元素。在HTML文档中,...

    VML学习教程

    本教程旨在帮助初入Web开发领域的人员掌握VML的基本概念和应用技巧,特别适合那些需要在表单和报表中使用矢量图形的开发者。以下将详细介绍VML的基础知识、语法结构以及实际应用示例。 **一、VML基础** 1. **元素...

    VML极道教程(IE打开)

    在这个“VML极道教程”中,我们将深入探讨VML的基本概念、语法特性以及在实际开发中的应用。 ### 一、VML概述 1. **定义**:VML是基于XML的,用于创建和显示矢量图形的语言。它允许开发者在网页上绘制出清晰、可...

    vml.rar_VML_VML web_js v_js vml gis_web绘图

    3. 地理信息系统GIS:理解GIS的基本概念,以及如何使用VML和JavaScript在Web上显示和操作地理数据。 4. Internet Explorer兼容性:由于VML主要为IE设计,所以需要了解如何处理其他浏览器的兼容性问题,如使用条件...

    《VML极道教程》+FlashVml(闪耀之星)3.0中英文版联合发布

    《VML极道教程》很可能是一本详尽的指南,涵盖了VML的基本概念、语法、属性和方法,以及如何在实际项目中应用这些知识。教程可能包括创建形状、路径、渐变、图案填充等基本操作,同时还可能涉及与JavaScript或其他...

    vml中文教程(适合初学者)

    二、VML基本结构 1. 开始和结束标签:VML元素通常以`&lt;v:shape&gt;`开始,`&lt;/v:shape&gt;`结束,其中包含定义形状的各种属性。 2. 属性:如`id`用于唯一标识,`coordsize`定义绘图区域大小,`stroked`和`filled`控制线条和...

    vml资料(资料+例子供大家参考)

    如今,尽管VML在现代网页开发中的应用已经非常有限,但了解其基本概念和语法仍然是有益的,尤其是在处理旧项目或与旧版IE兼容时。 VML的基本结构类似于XML,它使用标签来定义图形元素。例如,创建一个红色的矩形...

Global site tag (gtag.js) - Google Analytics