jQuery + HttpHandler 实现图片裁剪(适用于论坛, SNS)

right(String): 右平移, 默认值'Right',

up(String): 上移, 默认值'Up',

down(String): 下移, 默认值'Down'

API原型为:

4. 开发技巧:

为了便于代码管理及功能优化, 将功能进行了归纳, 大致可分为:

缩放(zoom): 细分为放大和缩小,

翻转(rotate): 细分为顺时针和逆时针,

移动(move): 细分为上|右|下|左平移.

所以直接编写三个 '基类' (具体实现看源码):

izoom(zv): 提供图片放大或缩小功能, zv为当前缩放比,

irotate(angle): 提供图片旋转功能, angle为当前旋转角度,

imove(direction): 提供原图平移功能, direction为移动方向, 包括'left','up','right','down'.

那么现在需要的就是细分各个功能:

这里我使用了一个对象scissors来封装这些操作, 使用call来 '继承', 当然你也可以使用 '冒充' 或者 '原型链' 这些手段来实现. 这样的话在绑定这些方法的时候使用eval和json就可以很轻松的完成: