随笔分类 -  VML

VML图形应用
如何制作类似msn(QQ)等网页中的拖动效果(二)
摘要:一、关于坐标event.clientX和event.clientY,而为什么不用event.x和event.y,以后我会写清楚,其实已经写好了的。看情况我就会贴出来。转入正题吧,看看参考 clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标,其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠........ 阅读全文
posted @ 2006-07-18 14:15 榻榻米 阅读(735) 评论(0) 推荐(0) 编辑
Vml+Dhtml:制作一个应用渐变颜色效果不错的进度条
摘要:只有源代码 阅读全文
posted @ 2006-07-18 14:05 榻榻米 阅读(820) 评论(0) 推荐(0) 编辑
Vml+Dhtml:小小的页面效果,叫它"淘气鬼"好了
摘要:淘气鬼普通HTML内容普通HTML内容普通HTML内容普通HTML内容 阅读全文
posted @ 2006-07-18 14:00 榻榻米 阅读(551) 评论(0) 推荐(0) 编辑
Vml:制作的一个精致的地区地图
摘要:台风路径 阿帕里 碧瑶 长汀 冲绳 福鼎 福州 光泽 广州 海口 杭州 恒春 花莲 惠东 惠来 马尼拉 茂名 南昌 宁波 宁德 莆田 浦城 泉州 汕头 汕尾 台北 台南 台中... 阅读全文
posted @ 2006-07-18 13:29 榻榻米 阅读(1022) 评论(0) 推荐(0) 编辑
Vml:美洲豹系列教程之十二(公文留痕)
摘要:在办公自动化,公文审核的时候,就需要用到 留痕操作了,就是把修改的东西直接在文本上显示,而不直接改动它。在以前,我没有用VML去做,很勉强的用 TextRange 改变文本的颜色,然后增加一个层显示更改信息。第一次修改还可以实现,但不能做到再次修改,因为,第二次修改的时候,那些原来创建的对象都消失了,而这些对象都是通过 Select 操作得到的,用户不选择,脚本就没有办法创建那些对象。 不久... 阅读全文
posted @ 2006-07-18 13:27 榻榻米 阅读(652) 评论(0) 推荐(0) 编辑
Vml:美洲豹系列教程之十一(数据图表)
摘要:数据图表一 现在我们来看看VML的一些应用。数据图表可以说是VML的拿手好菜。绘制图表,最重要的步骤是把数据转换成坐标。由于VML是矢量的,给数据的取值范围有很大的自由度,因为你可以用带小数的坐标值,也可以是非常大的数据做为坐标值。 在做图表之前,必须明确一些事情,要把图表看成一个整体,这意味着使用 Group 将 VM... 阅读全文
posted @ 2006-07-18 13:26 榻榻米 阅读(1041) 评论(0) 推荐(0) 编辑
Vml:美洲豹系列教程之十(给VML增加事件)
摘要:给VML增加事件 VML 和 HTML 的紧密结合,使的给 VML 增加事件变得很容易.所有的 HTML 里面的事件都可以应用到 VML 中间来!下面的例子是演示:当鼠标移动到圆的时候,圆就跟着鼠标移动了,当鼠标点击后,圆停止移动。 不知道你有没有注意,VML的事件区域是严格按照本身的形状的,并不是像图片那样,都是矩形。顺便介绍一下 Function 对象,使用Funct... 阅读全文
posted @ 2006-07-18 13:21 榻榻米 阅读(402) 评论(0) 推荐(0) 编辑
Vml:美洲豹系列教程之九(放大缩小VML)
摘要:放大缩小VML 由于VML是矢量的,放大缩小变得很容易了。我们先看一个例子,看看VML能做到什么程度。还是以前面的一个飞碟做为例子。它是用线、圆、弧等形状拼凑起来的一个图形。我增加了移动事件,当放大太多了,可以拖动图片查看。 放大 1倍放大 2倍放大 3倍放大 4倍放大 5倍放大 6倍放大 7倍放大 8倍放大 9倍放大10倍 是否感觉出来了,放大缩小对 VML 的... 阅读全文
posted @ 2006-07-18 13:21 榻榻米 阅读(552) 评论(0) 推荐(0) 编辑
Vml:美洲豹系列教程之八(ShapeType给VML制作模版)
摘要:ShapeType给VML制作模版 VML的这个功能很有用,模版,顾名思义,它可以减少书写代码的量,又使的代码可读性提高。在理解VML模版的时候,可以和 HTML 的 CSS 一样理解,它是定义好的一种形状,下次使用的时候直接声明 type 属性就可以了。看看下面的例子: 定义好上面的模版后,以后就可以直接调用了: 不知道大... 阅读全文
posted @ 2006-07-18 13:20 榻榻米 阅读(461) 评论(0) 推荐(0) 编辑
Vml:美洲豹系列教程之七(Group容器)
摘要:Group容器 Group的使用很简单,但功能很强大。它能让一系列的VML对象使用共同的坐标系,它很常用的,基本上如果使用了超过一个VML对象的页面都使用Group。使用Group还有个好处,就是可以动态改变CoordSize值放大或缩小整个 Group 里面的VML。 相信如果你看懂了上面的代码,对 Group 一定理解了。上面使用了一个和Group一样大小的 ... 阅读全文
posted @ 2006-07-18 13:19 榻榻米 阅读(529) 评论(0) 推荐(0) 编辑
Vml:美洲豹系列教程之六(Image(图像)对象)
摘要:Image 对象从外部调用一个图形文件,只要IE能够显示的格式都可以。需要注意的是,VML只用来显示这张图片,并没有将这图片矢量化,如果以后放大缩小,画质会改变的。 刚刚查询 MSDN 关于VML资料的时候,左边的相关菜单已经 Unavailable 了,这是否意味着 VML 将被 Microsoft 抛弃?因为有取VML和Flash之长处的 SVG 的崛起,VML 黯然失色,... 阅读全文
posted @ 2006-07-18 13:18 榻榻米 阅读(460) 评论(0) 推荐(0) 编辑
Vml:美洲豹系列教程之五(Oval(圆)对象)
摘要:Oval(圆)对象 用VML画圆(Oval)是非常简单的,只要设置圆的高和宽就可以了。当然定位也是常用的: 还要注意的是,top和left是圆的左上角坐标,width 和 height 是圆的宽和高,不是圆的半径。其圆心坐标是(left-width/2,top-height/2)。 说到圆,不得不想到弧(arc) VML已经定义了弧对象,它有除了圆的基本性质... 阅读全文
posted @ 2006-07-18 13:17 榻榻米 阅读(480) 评论(0) 推荐(0) 编辑
Vml:美洲豹系列教程之四(Rect,RoundRect(矩形)对象)
摘要:用VML画矩形,必须设置 style="width:50;height:50",其他就没有什么特别的。在这节,顺便讲讲 shadow 对象和 TextBox对象: RoundRect顾名思义,是圆角的矩形,这种形状在画流程图的时候很常用,如果加上阴影,就更好看了: 在VML里面,True 和 False 可以简写成 T 和 F。Shadow 中的 ... 阅读全文
posted @ 2006-07-18 13:16 榻榻米 阅读(711) 评论(0) 推荐(0) 编辑
Vml:美洲豹系列教程之三(Line,Polyline(线)对象)
摘要:Line是做图中最常用的,它有两个特殊的属性 from 和 to ,就是起始点和终止点坐标。 ●如果要改变线的样式,LineStyle (Stroke)属性可以做到: Single(默认),ThinThin,ThinThick,ThickBetweenThin ●如... 阅读全文
posted @ 2006-07-18 13:15 榻榻米 阅读(815) 评论(0) 推荐(0) 编辑
Vml:美洲豹系列教程之二(Shape与vml坐标系)
摘要:Shape对象与VML坐标系 Shape是VML最基本的对象,利用它可以画出所有你想要的图形。在VML中,使用的坐标并不是Document的坐标,它有自己的坐标系,这样一来,动态改变它的坐标,就可以实现放大、缩小、旋转等功能了。shape的 CoordSize 属性就是用来定义坐标的,它有两个参数,, 这里的2800,2800 是横纵坐标被分成了2800个点,并不是HTML里面默... 阅读全文
posted @ 2006-07-18 13:00 榻榻米 阅读(1467) 评论(0) 推荐(0) 编辑
Vml:美洲豹系列教程之一(vml入门基础)
摘要:VML的基本概念 VML相当于IE里面的画笔,能实现你所想要的图形,而且结合脚本,可以让图形产生动态的效果。VML是微软1999年9月附带IE5.0发布的,在我认为, VML其实是Word和HTML结合的产物。可以将Word文档另存为HTML,其中的文本和图片可以很容易的转换,但如果是手绘制的图形在以往的IE里面就无法解释了,如果都转换成图形文件又不太现实。于是微软把Word里面... 阅读全文
posted @ 2006-07-18 12:54 榻榻米 阅读(1637) 评论(1) 推荐(0) 编辑