矢量作图
文章平均质量分 72
kagad
这个作者很懒,什么都没留下…
展开
-
Rect,RoundRect(矩形)对象(四)
用VML画矩形,必须设置 style="width:50;height:50",其他就没有什么特别的。在这节,顺便讲讲 shadow 对象和 TextBox对象: width:100;height:50px"/> RoundRect顾名思义,是圆角的矩形,这种形状在画流程图的时候很常用,如果加上阴影,就更好看了: on="T" type="single" color="转载 2006-04-29 10:59:00 · 1020 阅读 · 0 评论 -
Shape对象与VML坐标系(二)
Shape是VML最基本的对象,利用它可以画出所有你想要的图形。在VML中,使用的坐标并不是Document的坐标,它有自己的坐标系,这样一来,动态改变它的坐标,就可以实现放大、缩小、旋转等功能了。shape的 CoordSize 属性就是用来定义坐标的,它有两个参数,, 这里的2800,2800 是横纵坐标被分成了2800个点,并不是HTML里面默认像素。如果没有设置圆点,VML默认是 0,0转载 2006-04-29 10:57:00 · 1426 阅读 · 0 评论 -
基于SVG技术的图像显示
从本质上来说,SVG文档是XML文档。这就是说SVG文档有某些基本特性:①所有的标记都有开始标记和结束标记,否则必须注明为空标记。空标记用反斜杠结束,如。②标记必须正确嵌套。如果一个标记在另一个标记中开始,那么它也必须在那个标记中结束。例如,Hello there!是正确的,但Hello there!不正确。 ③文档必须只有一个根。正如一个元素包含了一个 HTML页面的所有内容一样,一转载 2006-04-29 13:05:00 · 1074 阅读 · 0 评论 -
Line,Polyline(线)对象(三)
Line是做图中最常用的,它有两个特殊的属性 from 和 to ,就是起始点和终止点坐标。 ●如果要改变线的样式,LineStyle (Stroke)属性可以做到: Single(默认),ThinThin,ThinThick,ThickBetweenThin ●如果要改变线的类型,可以用 DashStyle(Stroke)属性: dashstyle="Dot"/>转载 2006-04-29 10:58:00 · 1686 阅读 · 0 评论 -
VML的基本概念(一)
http://www.itlearner.com/code/vml/index.htmlVML相当于IE里面的画笔,能实现你所想要的图形,而且结合脚本,可以让图形产生动态的效果。VML是微软1999年9月附带IE5.0发布的,在我认为, VML其实是Word和HTML结合的产物。可以将Word文档另存为HTML,其中的文本和图片可以很容易的转换,但如果是手绘制的图形在以往的IE里面就无法解释了转载 2006-04-29 10:56:00 · 1022 阅读 · 0 评论 -
将SVG文件嵌入到网页中的问题 并说object和embed标记
将SVG文件嵌入到网页中,可以使用将其包含到网页的HTML中,例如下面的HTML文档: SVG Demonstration SVG Demonstration A page may have other code besides the SVG image. width="300" height="200"> Using ob转载 2006-04-29 13:04:00 · 4798 阅读 · 0 评论 -
数据图表(十)
数据图表 现在我们来看看VML的一些应用。数据图表可以说是VML的拿手好菜。绘制图表,最重要的步骤是把数据转换成坐标。由于VML是矢量的,给数据的取值范围有很大的自由度,因为你可以用带小数的坐标值,也可以是非常大的数据做为坐标值。转载 2006-04-29 11:07:00 · 957 阅读 · 0 评论 -
给VML增加事件(九)
给VML增加事件 VML 和 HTML 的紧密结合,使的给 VML 增加事件变得很容易.所有的 HTML 里面的事件都可以应用到 VML 中间来!下面的例子是演示:当鼠标移动到圆的时候,圆就跟着鼠标移动了,当鼠标点击后,圆停止移动。转载 2006-04-29 11:06:00 · 722 阅读 · 0 评论 -
脚本动态生成VML(七)
我们编写 VML 很重要的就是要和 数据库结合,如果和数据库结合了,读数据和把数据转换成 VML 变成了两部分。如果直接使用 ASP 生成 包含很多 VML 的页面,一旦数据量多了,整个页面就变得很庞大,下载速度慢了,IE解释代码的速度也慢了,所以用脚本动态生成 VML 变得非常重要了。 用 VML 画一个示意图,可以更明确上面的意义: Untitled func转载 2006-04-29 11:03:00 · 842 阅读 · 0 评论 -
ShapeType给VML制作模版(六)
Group的使用很简单,但功能很强大。它能让一系列的VML对象使用共同的坐标系,它很常用的,基本上如果使用了超过一个VML对象的页面都使用Group。使用Group还有个好处,就是可以动态改变CoordSize值放大或缩小整个 Group 里面的VML。v:group ID="group1" style="position:relative;WIDTH:200px;HEIGHT:200px;" c转载 2006-04-29 11:02:00 · 1050 阅读 · 0 评论 -
Image(图像)对象(五)
用VML画圆(Oval)是非常简单的,只要设置圆的高和宽就可以了。当然定位也是常用的: width:100;height:80"/> 还要注意的是,top和left是圆的左上角坐标,width 和 height 是圆的宽和高,不是圆的半径。其圆心坐标是(left-width/2,top-height/2)。 说到圆,不得不想到弧(arc) VML已经定义了弧对象,它有除了圆的基本转载 2006-04-29 11:00:00 · 1332 阅读 · 0 评论 -
放大缩小VML(八)
放大缩小VML 由于VML是矢量的,放大缩小变得很容易了。我们先看一个例子,看看VML能做到什么程度。还是以前面的一个飞碟做为例子。它是用线、圆、弧等形状拼凑起来的一个图形。我增加了移动事件,当放大太多了,可以拖动图片查看。转载 2006-04-29 11:05:00 · 908 阅读 · 0 评论