基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)

2020-05-18 08:59:10易采站长站整理
zoomout(String): 放大, 默认值 ‘Zoom out’,
                zoomin(String): 缩小, 默认值’Zoom in’,
                original(String): 原始大小, 默认值’Original size’,
                clockwise(String): 顺时针旋转, 默认值’Clockwise rotation({0} degrees)’, 需包含 {0} 以便格式化时使用rotateAngle值填充,
                counterclockwise(String): 逆时针旋转, 默认值’Counterclockwise rotation({0} degrees)’, 需包含 {0} 以便格式化时使用rotateAngle值填充,
                generate(String): 生成头像, 默认值’Generate!’,
                process(String): 生成头像时的提示语, 默认值为’Please wait, transaction is processing……’,
                left(String): 左平移, 默认值’Left’,
                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’.