VML应用.pptVIP

VML构建完全图表 --基础 VML相当于IE里面的画笔，能实现你所想要的图形，而且结合脚本，可以让图形产生动态的效果。在我认为VML其实是Word和HTML结合的产物。可以将Word文档另存为HTML，其中的文本和图片可以很容易的转换，但如果是手绘制的图形在以往的IE里面就无法解释了，如果都转换成图形文件又不太现实。于是微软把Word里面的图形控件结合到IE里面，使IE也具备了绘图功能。 VML的全称是Vector Markup Language(矢量可标记语言)，矢量的图形，意味着图形可以任意放大缩小而不损失图形的质量，这在制作地图上有很大用途。 VML构建完全图表 --课程内容 VML入门 VML基本概念(元素) Shape对象与坐标系 Line,Polyline(线)对象 Rect,RoundRect(矩形)对象 Oval(圆)对象 Image(图像)对象 Group容器 ShapeType给VML制作模版 VML编程 VML实例 VML安全 VML构建完全图表 -- 基本概念 VML的全称是Vector Markup Language(矢量可标记语言)，矢量的图形，意味着图形可以任意放大缩小而不损失图形的质量，这在制作地图上有很大用途在VML里面，标记使用的是XML扩张，需要一个namespace(命名空间)，惯用的“v”作为命名空间通用的定义如下: html xmlns:v=urn:schemas-microsoft-com:vml STYLE v\:* { Behavior: url(#default#VML) } /STYLE xmlns 全称就是XML NameSpace 也就是命名空间。它的用处是把命名空间“v”和系统预定义的行为VML连接。这样定义以后，就可以使用下面的标记了，和普通的HTML标记有所区别，每个标记都增加了一个命名空间: v:shape/v:shape 和其他HTML元素一样，VML标记里面可以定义DHTML大部分属性和事件，比如说id,name,title,onmouseover等等。 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 VML构建完全图表 -- 基本概念 当然不是所有的属性都可以写成独立的标记，常用的比如说上面的 Stroke(按我的理解可以翻译成线性)，Path，Shadow，Fill(填充)等，VML这样的方式可以理解为 shape 的属性分类，使属性更直观。 Shape 对象派生出来的一些对象，更加直接的图象，比如说 Rect(矩形)，RoundRect(圆边的矩形)，Oval(圆)，Line(线)，PolyLine(不规则折线)，Image(图形文件)等等，以后将对这些对象细细描述。 VML构建完全图表 -- 基本概念(元素) 1.Shape元素 用法：v:shape .../v:shape 它的常用属性： FillColor：图象填充色。 标签语法：v:element fillcolor=expression 脚本语法： element.fillcolor=expression expression=element.fillcolor Path:指定绘画的路径 脚本用法： v:shape id=rect01 fillcolor=red strokecolor=red coordorigin=0 0 coordsize=200 200 style=position:relative;top:1;left:1;width:20;height:20 path=m 1,1 l 1,200, 200,200, 200,1 x e /v:shape VML构建完全图表 -- 基本概念(元素) 说明：用字母m（moveto命令）定义图象初始点的坐标，例子中为(1,1) 用字母l（小写的L字母，lineto命令）开始画线，先画到(1,200)，再画到(200,200)，再画到(200,1) 用字母x（close命令）关闭线条 用字母e（end命令）结束 注意：每两个数字组成一个坐标 Title:鼠标移动到图象上时的提示文字 Style:图象的样式 Filled:决定闭合路径中是否需