VML坐标问题
时间:2005-09-13
来源:互联网
<html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>VML</title> <style type="text/css"> v\:* { Behavior: url(#default#VML) } </style> </head> <body> <v:group style="position: relative; width:200px; height: 200px"> <v:polyline filled="false" Points="0, 0 200,200" /> </v:group> <br/><br/><br/><br/> <v:polyline filled="false" Points="0, 0 200,200" /> </body> </html>
提示:您可以先修改部分代码再运行
请问,v:group与里面的元素的坐标到底是什么样的关系呀?
作者: 比尔熊 发布时间: 2005-09-13
你应该在group里加coordsize="4000,4000" 默认是1000,1000;意思就是把这个group所占的空间分割成点,点的范围就是-2000 -> 2000 (x) ; -2000 -> 2000(y)
或者也可理解为X轴是0-4000,Y轴也是0-4000;
所以,polyline中描述的坐标是“相对”于以上group中划分出来的坐标处理的,如果你改变group的大小(height,width)你可以看到里面的那个polyline也在变化,可能你要理解下相对坐标,把group看成容器,盒子,polyline 放在里面位置是相对那个盒子来说的...
<html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>VML</title> <style type="text/css"> v\:* { Behavior: url(#default#VML) } </style> </head> <body> <v:group style="position: relative; width:600px; height: 600px"> <v:polyline filled="false" Points="0, 0 200,200" /> </v:group> <br/><br/><br/><br/> <v:polyline filled="false" Points="0, 0 200,200" /> </body> </html>
提示:您可以先修改部分代码再运行
或者也可理解为X轴是0-4000,Y轴也是0-4000;
所以,polyline中描述的坐标是“相对”于以上group中划分出来的坐标处理的,如果你改变group的大小(height,width)你可以看到里面的那个polyline也在变化,可能你要理解下相对坐标,把group看成容器,盒子,polyline 放在里面位置是相对那个盒子来说的...
<html xmlns:v="urn:schemas-microsoft-com:vml"> <head> <title>VML</title> <style type="text/css"> v\:* { Behavior: url(#default#VML) } </style> </head> <body> <v:group style="position: relative; width:600px; height: 600px"> <v:polyline filled="false" Points="0, 0 200,200" /> </v:group> <br/><br/><br/><br/> <v:polyline filled="false" Points="0, 0 200,200" /> </body> </html>
提示:您可以先修改部分代码再运行
作者: 51jsu 发布时间: 2005-09-13
谢谢,明白了
作者: 比尔熊 发布时间: 2005-09-13
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28