jQuery的動畫作物

我得到這個代碼：jQuery的動畫作物

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

當用戶點擊我想動畫圖像的裁切過程的按鈕。圖像的寬度和高度均爲100％，寬度和高度均爲50％（請注意，我不是在談論拉伸，而是裁剪）。

我找到的所有裁剪插件都需要一段時間進行裁剪，因此不能用於動畫。

2013-04-23 miestasmia

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

2013-04-23 05:11:57

設置你想要的時間。 – 2013-04-23 05:12:30

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

嘗試這些鏈接：（可能是有益的）

2013-04-23 05:28:31

我已經看過他們！ :) – miestasmia 2013-04-23 05:30:04

Jcrop工作與否？這些所有插件怎麼樣？ http://www.pixelzdesign.com/blog_view.php – 2013-04-23 05:38:49

還沒有看着jCrop，我現在就去做，那個鏈接已經被訪問了 – miestasmia 2013-04-23 05:40:17

回答