2013-04-23 55 views
0

我得到这个代码:jQuery的动画作物

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

当用户点击我想动画图像的裁切过程的按钮。图像的宽度和高度均为100%,宽度和高度均为50%(请注意,我不是在谈论拉伸,而是裁剪)。

我找到的所有裁剪插件都需要一段时间进行裁剪,因此不能用于动画。

回答

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

设置你想要的时间。 – 2013-04-23 05:12:30

+0

这会拉伸而不是裁剪 – miestasmia 2013-04-23 05:25:12

1
+0

我已经看过他们! :) – miestasmia 2013-04-23 05:30:04

+1

Jcrop工作与否?这些所有插件怎么样? http://www.pixelzdesign.com/blog_view.php – 2013-04-23 05:38:49

+0

还没有看着jCrop,我现在就去做,那个链接已经被访问了 – miestasmia 2013-04-23 05:40:17