vml技术 - 文章分类 - 落尘

数据图表

摘要：现在我们来看看VML的一些应用。数据图表可以说是VML的拿手好菜。绘制图表，最重要的步骤是把数据转换成坐标。由于VML是矢量的，给数据的取值范围有很大的自由度，因为你可以用带小数的坐标值，也可以是非常大的数据做为坐标值。在做图表之前，必须明确一些事情，要把图表看成一个整体，这意味着使用 Group 将 VML 包容起来；x,y 轴是在第四像限里面的；VML的大小由 width,height... 阅读全文

posted @ 2006-11-27 11:29 落尘阅读(365) 评论(0) 推荐(0) 编辑

给VML增加事件

摘要：VML 和 HTML 的紧密结合，使的给 VML　增加事件变得很容易．所有的 HTML 里面的事件都可以应用到 VML 中间来！下面的例子是演示：当鼠标移动到圆的时候，圆就跟着鼠标移动了，当鼠标点击后，圆停止移动。不知道你有没有注意，VML的事件区域是严格按照本身的形状的，并不是像图片那样，都是矩形。顺便介绍一下 Function 对象，使用Function 对象，如果函数的内容比较... 阅读全文

posted @ 2006-11-27 11:28 落尘阅读(256) 评论(0) 推荐(0) 编辑

放大缩小VML

摘要：是否感觉出来了，放大缩小对 VML 的画质没有改变？因为 VML 是矢量的。动态改变它的 coordsize 值就可以了，注意，减小值等于放大，增大值就等于缩小。可以参考下面的脚本： var xx=6000; var yy=6000; function zoom(h) { group1.coordsize=xx/h+","+yy/h; } 上面的 xx,yy 是指默认状态... 阅读全文

posted @ 2006-11-27 11:27 落尘阅读(267) 评论(0) 推荐(0) 编辑

脚本动态生成VML

摘要：我们编写 VML 很重要的就是要和数据库结合，如果和数据库结合了，读数据和把数据转换成 VML 变成了两部分。如果直接使用 ASP 生成包含很多 VML 的页面，一旦数据量多了，整个页面就变得很庞大，下载速度慢了，IE解释代码的速度也慢了，所以用脚本动态生成 VML 变得非常重要了。用 VML 画一个示意图，可以更明确上面的意义： Untitled 子页... 阅读全文

posted @ 2006-11-27 11:25 落尘阅读(321) 评论(0) 推荐(0) 编辑

ShapeType给VML制作模版

摘要：VML的这个功能很有用，模版，顾名思义，它可以减少书写代码的量，又使的代码可读性提高。在理解VML模版的时候，可以和 HTML 的 CSS 一样理解，它是定义好的一种形状，下次使用的时候直接声明 type 属性就可以了。看看下面的例子：定义好上面的模版后，以后就可以直接调用了：不知道大家有没有注意到，VML里面对“,”使用不强制的，你可... 阅读全文

posted @ 2006-11-27 11:24 落尘阅读(189) 评论(0) 推荐(0) 编辑

Group容器

摘要：Group的使用很简单，但功能很强大。它能让一系列的VML对象使用共同的坐标系，它很常用的，基本上如果使用了超过一个VML对象的页面都使用Group。使用Group还有个好处，就是可以动态改变CoordSize值放大或缩小整个 Group 里面的VML。相信如果你看懂了上面的代码，对 Group 一定理解了。上面使用了一个和Group一样大小的 Rect 作为 Group的边... 阅读全文

posted @ 2006-11-27 11:23 落尘阅读(281) 评论(0) 推荐(0) 编辑

Image(图像)对象

摘要：Image 对象从外部调用一个图形文件，只要IE能够显示的格式都可以。需要注意的是，VML只用来显示这张图片，并没有将这图片矢量化，如果以后放大缩小，画质会改变的。刚刚查询 MSDN 关于VML资料的时候，左边的相关菜单已经 Unavailable 了，这是否意味着 VML 将被 Microsoft 抛弃？因为有取VML和Flash之长处的 SVG 的崛起，VML 黯然失色，曾... 阅读全文

posted @ 2006-11-27 11:21 落尘阅读(210) 评论(0) 推荐(0) 编辑

Oval(圆)对象

摘要：用VML画圆(Oval)是非常简单的，只要设置圆的高和宽就可以了。当然定位也是常用的：还要注意的是，top和left是圆的左上角坐标，width 和 height 是圆的宽和高，不是圆的半径。其圆心坐标是(left-width/2,top-height/2)。说到圆，不得不想到弧(arc) VML已经定义了弧对象，它有除了圆的基本性质外，两个特殊的属性startangl... 阅读全文

posted @ 2006-11-27 11:20 落尘阅读(218) 评论(0) 推荐(0) 编辑

Rect,RoundRect(矩形)对象

摘要：用VML画矩形，必须设置 style="width:50;height:50"，其他就没有什么特别的。在这节，顺便讲讲 shadow 对象和 TextBox对象： RoundRect顾名思义，是圆角的矩形，这种形状在画流程图的时候很常用，如果加上阴影，就更好看了：在VML里面，True 和 False 可以简写成 T 和 F。Shadow 中的 ... 阅读全文

posted @ 2006-11-27 11:20 落尘阅读(291) 评论(0) 推荐(0) 编辑

Line,Polyline(线)对象

摘要：Line是做图中最常用的，它有两个特殊的属性 from 和 to ,就是起始点和终止点坐标。 ●如果要改变线的样式，LineStyle (Stroke)属性可以做到: Single(默认)，ThinThin，ThinThick，ThickBetweenThin ●如果要改变线的类型，可以用 DashStyle(Stroke)属性: Solid(默... 阅读全文

posted @ 2006-11-27 11:19 落尘阅读(492) 评论(0) 推荐(0) 编辑

Shape对象与VML坐标系

摘要：Shape是VML最基本的对象，利用它可以画出所有你想要的图形。在VML中，使用的坐标并不是Document的坐标，它有自己的坐标系，这样一来，动态改变它的坐标，就可以实现放大、缩小、旋转等功能了。shape的 CoordSize 属性就是用来定... 阅读全文

posted @ 2006-11-27 11:16 落尘阅读(290) 评论(0) 推荐(0) 编辑

VML的基本概念

摘要：VML相当于IE里面的画笔，能实现你所想要的图形，而且结合脚本，可以让图形产生动态的效果。VML是微软1999年9月附带IE5.0发布的，在我认为， VML其实是Word和HTML结合的产物。可以将Word文档另存为HTML，其中的文本和图片可以很容易的转换，但如果是手绘制的图形在以往的IE里面就无法解释了，如果都转换成图形文件又不太现实。于是微软把Word里面的图形控件结合到IE里面，使IE也具... 阅读全文

posted @ 2006-11-27 11:14 落尘阅读(346) 评论(0) 推荐(0) 编辑

文章分类 - vml技术