JavaScript 拖拉缩放效果

核心提示： 这里要小心的是不要把边框忽略了，然后在Right缩放程序中，JavaScript 拖拉缩放效果(4)，把这个参数传递给RepairX，而RepairX把参数传递给RepairWidth并在里面修正宽度：iWidth = Math.min(this.Max ? mxWidth : iWidt

这里要小心的是不要把边框忽略了。

然后在Right缩放程序中，把这个参数传递给RepairX，而RepairX把参数传递给RepairWidth并在里面修正宽度：

iWidth = Math.min(this.Max ? mxWidth : iWidth, iWidth);

还有容器范围限制，这个跟拖放效果的差不多，这里就不重复了。此外在Start程序中还会对异常的范围参数进行修正，不过这里考虑的不多，估计并不很完善，最好还是不要设一些奇怪的参数。

【比例缩放】

比例缩放就是缩放的时候同时设置宽和高，使用宽和高按照一定的比例显示。

程序中把Scale设为true就可以启用，并且Ratio可以设置比例大小（宽/高），如果不设置的话就会自动取当前的宽/高比例。

对于对角方向，在比例缩放的情况下宽和高就不能同时设置，而必须有一个优先另一个参照比例设置了。

这个要注意，否则很容易进入死胡同。RepairAngle修正程序中就是宽度优先的，高度再按比例修正（参考代码）。

而左右上下四个方向，是以缩放对象对称轴为中心缩放的。

以左右方向为例，要实现这个效果，首先在Start程序中设置中心定位坐标_scaleTop：

this._scaleTop = this._styleTop + this._styleHeight / 2;

当修正好高之后，再用这个坐标设置_styleTop值：

this._styleTop = this._scaleTop - iHeight / 2;

其实就是设置高之后再修正top，使缩放之后的缩放对象中心的水平坐标保持不变，就做出以缩放对象的水平对称轴为中心的缩放了。

【范围限制下的比例缩放】

一般的比例缩放很简单，在宽或高取值之后，按比例设置另一个值就行了。

但如果有了范围限制有可能按比例缩放后，就超过范围限制了。