vml简介_VML相关

VML(Vector Markup Language)
是一个最初由Microsoft开发的XML词表,现在也只有IE5.0以上版本对VML提供支持。使用VML可以在IE中绘制矢量图形,所以有人认为VML就是在IE中实现了画笔的功能。下面介绍一下VML的优点:
基于XML标准
XML是公认拥有无穷生命力的下一代网络标记语言, VML具有先天的优势,它的表示方法简单,易于扩展等等。
支持高质量的矢量图形显示
VML支持广泛的矢量图形特征,它们基于由相连接的直线和曲线描述路径。在VML中使用两个基本的元素:shape和group。这两个元素定义了VML的全部结构;shape描述一个矢量图形元素,而group用来将这些图形结合起来,这样它们可以作为一个整体进行处理。
VML规范包括大量的支持多种不同矢量图形特征的元素。下面是VML的预定义图形元素:
l Shape
l Path
l Line
l Polyline
l Curve
l Rect
l Roundrect
l Oval
l Arc
l Group
由文本构成的图像,并可集成到HTML
由于VML使用简单的文本来表示图像,这样就可用很少的字节来表示比较复杂的图像。VML与HTML兼容,通过在HTML中声明VML命名空间并声明处理函数,就可以和其他HTML元素一样使用VML元素,在客户端浏览器显示图像。VML标记里面可以定义DHTML大部分属性和事件,比如说id, name, title, onmouseover 等等。
支持交互与动画
但VML的功能不只是绘图,他还可以在图形中嵌入文本,并可实现超链,还可通过脚本语言实现一定的动画功能。

 

 

 

 

VML是The Vector Markup Language的缩写。

参考网站
MSDN:http://msdn.microsoft.com/workshop/author/vml/shape/introduction.asp

W3C:http://www.w3.org/TR/NOTE-VML

首先需要在<HTML> 标签中加上如下引用

<HTML xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
...
</HTML>

如果没有您没有用到OFFICE的扩展功能的话,您可以忽略第二个schema。
同时,您需要在STYLE元素中注册VML和Microsoft Office Extensions

v\:* { behavior: url(#default#VML); }
o\:* { behavior: url(#default#VML); }

如果没有您没有用到OFFICE的扩展功能的话,您可以忽略第二个样式的定义。

下面说说常用的几个元素

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>
说明:用字母m(moveto命令)定义图象初始点的坐标,例子中为(1,1)
用字母l(小写的L字母,lineto命令)开始画线,先画到(1,200),再画到(200,200),再画到(200,1)
用字母x(close命令)关闭线条
用字母e(end命令)结束
注意:每两个数字组成一个坐标

Title:鼠标移动到图象上时的提示文字
Style:图象的样式
Filled:决定闭合路径中是否需要填充(True/False)
StrokeColor:图象路径的颜色

2.Shape元素有效的子元素

TextBox:在图象中定义一个文本框
用法:
<v:shape>
<v:textbox>VML</v:textbox>
</v:shape>
TextPath:设置文字路径,要使用该属性,path属性的TextPathOK一定要为true;并且TextPath的on属性要为true

详细说明文挡请上参考网站查阅!!!

简单的例子:

<HTML xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<HEAD>
<STYLE>
v\:* { behavior: url(#default#VML);}
o\:* { behavior: url(#default#VML);}
</STYLE>
<TITLE>VML Sample</TITLE>
</HEAD>
<BODY>
<v:shape
fillcolor="green"
style="position:relative;top:1;left:1;width:200;height:200"
path = "m 1,1 l 1,250, 250,500, 500,500, 500,250, 250, 1 x e"
title="test"
strokeColor="yellow">
<v:fill type='gradient' id='fill1' color='red'/>
<v:textbox>VML</v:textbox>
</v:shape>
</BODY>
</HTML>

 

 

时间: 2024-10-26 02:00:44

vml简介_VML相关的相关文章

Shape对象与VML坐标系_VML相关

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

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

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

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

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

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

给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相当于IE里面的画笔,能实现你所想要的图形,而且结合脚本,可以让图形产生动态的效果.VML是微软1999年9月附带IE5.0发布的,在我认为, VML其实是Word和HTML结合的产物.可以将Word文档另存为HTML,其中的文本和图片可以很容易的转换,但如果是手绘制的图形在以往的IE里面就无法解释了,如果都转换成图形文件又不太现实.于是微软把Word里面的图形控件结合到IE里面,使IE也具备了绘图功能.    VML的全称是Vector Markup Language(矢量可标记语言),

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

Image(图像)对象_VML相关

Image 对象从外部调用一个图形文件,只要IE能够显示的格式都可以.需要注意的是,VML只用来显示这张图片,并没有将这图片矢量化,如果以后放大缩小,画质会改变的.     <v:image src="big.GIF" style="position:relative;top:0;left:0;width:165;height:157" />     刚刚查询 MSDN 关于VML资料的时候,左边的相关菜单已经 Unavailable 了,这是否意味着 

SharePoint 2010 安装简介及相关补丁下载

1.安装Windows Server 2008 系统,这个我就不说了,大家自己安装,然后配置静态ip,这个也不用我说了吧?!(我遇到了打不上补丁的问题,提示"更新不会应用到系统",后来改用R2,才通过!) 2.开始安装IIS,服务器管理器 - 角色 - 添加角色 - web服务器(IIS) - 下一步 - 下一步 - 把应用程序开发勾上(总觉得会有用) 下一步 - 安装. 备注:IIS安装了就可以,其他功能可以需要的时候,后面再补充安装也可以 特别的是,windows2008的时候,角