Shape对象与VML坐标系_VML相关

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

<v:shape CoordOrig="-1400,-1400" CoordSize="2800,2800" style="width:500;height:500" />

    注意:定义的坐标只是相对的,真正显示的图形大小还需要 style="width:500;height:500" 来定义!

    上面的定义后,你可用的坐标是 x(-1400到1400) y(-1400到1400) ,这样的坐标就像数学里面的坐标了,把画版分成了四个块。

<?xml:namespace prefix = v ns = "urn:schemas-microsoft-com:vml" />

    在解决实际问题的时候,我发现,IE会自动把可见的VML图象放在相对的(0,0)位置,意思是说,上面两张图如果没有增加两个辅助的坐标,在IE上显示出来是并列的两个正方形。
    shape中最主要的属性是Path,它是个功能强大的画笔,语法很简单,由几个字母组成,下面详细讲述:
m x,y:MoveTo把画笔移动到 (x,y);
l x,y:LineTo从当前点到(x,y)画一条线;可以给连续的几个点,VML会连续画出来直到遇到 x 命令。
x:Close结束一条线;
e:End结束画图
    shape的其他常用属性:
FillColor:填充颜色,使用HTML中规定的颜色;例如:fillcolor=red
Filled:是否要填充图形,如果图形不是封闭的,也会自动封闭图形进行填充。当Filled="true"(默认),fillcolor才有效果;
StrokeColor:线的颜色;
StrokeWeight:线的宽度;
Title:当鼠标移动到该图形上的时候,显示的文字,和HTML里面的alt、tilte一样;
Type:指定该图形属于那个ShapeType,ShapeType可以为VML制定模版,将在以后加以描述;
    前面的这些属性,FillColor、Filled可以在<v:Fill />中使用,StrokeColor、StrokeWeight可以在<v:Stroke />中使用。也可以在 Shape 或者 继承Shape的对象中使用它。
    在下面几节,将详细介绍 Shape 延伸出来的一些具体对象,诸如 Rect、RoundRect、Oval、Line等对象。

时间: 2024-08-01 16:58:20

Shape对象与VML坐标系_VML相关的相关文章

vml简介_VML相关

VML(Vector Markup Language) 是一个最初由Microsoft开发的XML词表,现在也只有IE5.0以上版本对VML提供支持.使用VML可以在IE中绘制矢量图形,所以有人认为VML就是在IE中实现了画笔的功能.下面介绍一下VML的优点: 基于XML标准 XML是公认拥有无穷生命力的下一代网络标记语言, VML具有先天的优势,它的表示方法简单,易于扩展等等. 支持高质量的矢量图形显示 VML支持广泛的矢量图形特征,它们基于由相连接的直线和曲线描述路径.在VML中使用两个基本

VML的基本概念_VML相关

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

nosql-mongodb对象的子数组计算相关疑问

问题描述 mongodb对象的子数组计算相关疑问 结构:{ name:"张三",sex:"男",scroe:[{lesson:"物理",total:60},{lesson:"化学",total:72}], name:"李四",sex:"女",scroe:[{lesson:"物理",total:92},{lesson:"数学",total:81}]

Image(图像)对象_VML相关

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

何为“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

建立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

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