svg viewBox的一些个人观点

公司项目需要，自学了一些svg绘制工程图的方法，里面需要对svg进行缩放和拖拉，看到了微软官方的一些指导教程,   http://msdn.microsoft.com/library/gg589508%28v=VS.85%29.aspx  ，看完后受益匪浅，可是实际操作中还是有点迷茫，自己总结了一些经验，给大家分享下。（第一次写技术博客，语言组织的不太好，请见谅！）

viewBox="ULCx ULCy UUwidth UUheight"

附注     ULCx  与  ULCy 分別代表「左上角 x」与「左上角 y」。 UUwidth  与 UUheight 分別代表「使用者单位宽度」与「使用者单位高度」。

这是官方解释，而我认为，ULCx和ULCx就是我们看到的图像左上角位置距离原本图像最上面和最左面的距离，UUwidth和UUheight就是我们看到的范围在原本图像上有多大的范围，用宽和高表示。如下图，黑色框是原本的图像，红色框是我们看到的视窗大小。实际上我们只能看到红色框里面的东西，外面的是看不到的。我们把UUwidth和UUheight两值变小，就代表镜头拉近图像，看到的范围就变小了。相反就变大了。这就实现了放大和缩小。

ULCx和ULCy的改变就可以进行左右平移了！ 有需要工程桥梁控制图js源代码的可以email我，wfeiyangvip@163.com