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});