以文本方式查看主题

-  中文XML论坛 - 专业的XML技术讨论区  (http://bbs.xml.org.cn/index.asp)
--  『 SVG/GML/VRML/X3D/XAML 』  (http://bbs.xml.org.cn/list.asp?boardid=21)
----  SVG coordinate  (http://bbs.xml.org.cn/dispbbs.asp?boardid=21&rootid=&id=23411)

--  作者：longing
--  发布时间：10/21/2005 9:37:00 AM

--  SVG coordinate
Hi,everyone ,can you tell me what the function of viewBox  attribute in svg file?
--  作者：DragonJohn
--  发布时间：11/6/2005 11:35:00 PM

--  
 SVG文档的viewBox属性对于WebGIS来说，是一个非常重要的实现缩放和定位的方式，下面的例子说明了这个问题；

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg SYSTEM http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="2cm" height="2cm">
 <circle cx="30" cy="30" r="30" fill="blue" />
</svg>

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg SYSTEM http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="2cm" height="2cm">
 <circle cx="30" cy="30" r="30" fill="blue" viewBox=(0 0 30 30)/>
</svg>
 简单地来说，<svg width="2cm" height="2cm">设置了宽度为2cm，高度为2cm的视口（viewPort），<circle cx="30" cy="30" r="30" fill="blue" />在这视口上描画出一个以30，30单位（本例看作是像素，具体到WebGIS来说，可以认为是M，KM，经纬度等等，这要看地图空间数据是如何定义的了）为圆心，半径为30单位的一个蓝色的圆形图案。viewBox=(0 0 30 30)属性描述了在视口范围内，渲染图形元素内初始定位坐标为（0，0），宽度为为30单位，高度为30单位的部分（本例也就是圆形图案的左上部分）。这个例子形象地说明，通过合理地设置viewBox属性，可以方便地对地图任意位置实现缩放、定位。

W 3 C h i n a ( since 2003 ) 旗 下 站 点
苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
 22.949ms