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