jquery - jQuery 动画裁剪

Question

我得到了这个代码：

<img id="img" src="img.png"/>
<button onclick="crop();">Click me!</button>

当用户单击按钮时，我想为图像的裁剪过程设置动画。图像在几秒钟内从宽度和高度为 100% 变为宽度和高度为 50%（请注意，我说的不是拉伸，而是裁剪）。

我发现的所有裁剪插件都需要相当长的时间来裁剪，因此不能用于动画。

Answer 1

试试这些链接：（可能有帮助）

http://odyniec.net/projects/imgareaselect/

http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-a-jquery-image-cropping-plugin-from-scratch-part-i/

Answer 2

$("#img").animate({'width':'50%', 'height':'50%'}, {queue:false, duration:300});