Shape对象与VML坐标系
2024年05月15日
•
Css
•
我要评论
shape是vml最基本的对象,利用它可以画出所有你想要的图形。在vml中,使用的坐标并不是document的坐标,它有自己的坐标系,这样一来,动态改变它的坐标,就可以实现放大、缩小、旋转等功能了。s
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) ,这样的坐标就像数学里面的坐标了,把画版分成了四个块。
在解决实际问题的时候,我发现,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等对象。
相关文章:
-
文本修改留痕
在办公自动化,公文审核的时候,就需要用到 留痕操作了,就是把修改的东西直接在文本上显示,而不直接改动它。在以前,我没有用vml去做,很勉强的用 textrang...
[阅读全文]
-
VML应用实例大全
<html xmlns:v> <head> <meta http-equiv="content-type" content="te...
[阅读全文]
-
-
-
VML网页文件的基本格式
很显然,跟html网页的结构很类似,以上标记的意思你可以理解为如下(//符号后是解释)而至于xmlns:o="urn:schemas-microsoft-com...
[阅读全文]
-
vml简介
vml(vector markup language) 是一个最初由microsoft开发的xml词表,现在也只有ie5.0以上版本对vml提供支持。使用vml...
[阅读全文]
版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。
发表评论