首先是viewbox的概念
你最终在浏览器上看到的图像，并不是你通过svg元素中path 之类的元素所定义的图像，或者说你并不是直接看到图像，而是通过一个叫做viewbox的东西，通过viewbox在画布上截取一块区域，然后放到浏览器中svg元素的内容区域中显示，根据align和meetorslice选项来确定填充的方式.一般情况下若不希望填充后的图像发生缩放，应当使viewbox和svg元素的尺寸保持一致
meet的意思是填充的时候并不要求viewbox的边界不会超出svg元素的边界，slice的意思是无论怎样都要viewbox都要填满svg元素，多出来的部分被裁掉
原文：http://www.cnblogs.com/sky-view/p/4843865.html