xml矢量图 svg的viewBox和vml的coordsize,虚坐标系
来源:互联网 发布:linux实验室 编辑:程序博客网 时间:2024/04/28 19:21
SVG:
viewBox是SVG的虚坐标系,比VML的简单不少。
为根节点svg元素加上viewBox属性后,在svg下的各图形元素的大小和位置都是按viewBox限定的坐标,而不是页面的实际坐标。
如:
<svg width="100px" height="100px" viewBox="0 0 300 300">
<g>
<rect x="5" y="15" width="200" height="200"/>
</g>
</svg>
在100x100的svg区域中,放入一个200x200的方块,按理不能正常显示,会被裁去一部分。但是因为加入了viewBox属性,svg区域会完整显示rect。可以理解为在svg中加入一个新坐标系,按上例把svg划分为300x300份,rect占用200x200份,而不是像素,实际图形会缩放或拉伸。
VML:
coordsize和coordorigin设定VML的虚坐标系,一般放置于v:group元素内,也常用于v:shape等。前一个决定把实际的像素区域划分为多少份,后一个决定原点的位置。
如:
<v:group style="position:relative;width:200px;height:200px;" coordsize= "100,1000">
<v:rect style="WIDTH:20px;HEIGHT:500px" fillcolor="#000000">
</v:group>
在200x200px的区域内,出现了一个40x100px的黑块,因为coordsize的出现,ie忽略了px单位,rect仍然按coordsize划分的份。VML默认以左上为(0,0)原点,在上面的例子加入coordorigin,可以指定原点,黑块的位置也会改变。
- xml矢量图 svg的viewBox和vml的coordsize,虚坐标系
- xml矢量图 svg的viewBox和vml的coordsize,虚坐标系
- 关于vml group的大小和coordsize的关系
- 关于SVG的viewBox
- SVG的viewBox
- svg viewBox的使用
- svg viewBox的一些个人观点
- xml矢量图:svg的path元素
- 理解SVG坐标系和变换:视窗,viewBox和preserveAspectRatio
- Javascript 对SVG和 VML的封装
- html矢量图 SVG VML 介绍
- 理解SVG的viewport,viewBox,preserveAspectRatio
- 理解SVG的viewport,viewBox,preserveAspectRatio
- SVG的viewport,viewBox,preserveAspectRatio缩放
- GML、SVG、VML的比较
- GML、SVG、VML的比较
- GML、SVG、VML的比较
- GML、SVG、VML的比较
- 一种很酷的文字提示效果演示
- 限制打开一个程序实例
- .net中的文件名详解
- 做一个商业网站要多少钱
- Python正则表达式操作指南
- xml矢量图 svg的viewBox和vml的coordsize,虚坐标系
- C#接口慨述
- DTD的问题,使我不得不用xsd
- CORBA中传递对象 java语言
- 20 Open Source Windows Apps For You
- C# .net asp学习笔记
- JAVA基础知识精华总结
- 2007百度笔试题
- 2007-9-12 晴 星期三