svg: width 400, height 300; 

视野viewBox: x, y, width, height,

比例preserveAspectRatio: align: none xMidYMid xMaxYMid xMinYMid xMidYMin xMaxYMin xMinYMin xMidYMax xMaxYMax xMinYMax , meetOrSlice: meet slice ,

结论:
1. viewBox视野，x增大则镜头右移动(世界物体左移)，y增大则镜头向下移动(世界物体上移)；

2. 宽高就相当于摄像头，小于svg的宽高，则放大显示；大于svg的宽高，则缩小显示；
3. 长宽比不一致的时候，
1) align=none时，按照视野显示，不顾长宽比;
2) align=xMinYMin时，(视野和视窗的)x的最小值对齐，y的最小值对齐，
但是x还是y对齐生效呢？取决于(视野和视窗的)长宽比。
3) 放大时(就是视野小于视窗)，meet或slice没区别;
缩小时(视野小于视窗)，有区别;