Imgareaselect 是一個 允許用戶使用簡單、直觀的點擊、拖動界面圖像選擇矩形區域的jQuery插件。該插件可用於 web 應用程序中輕松實現圖像裁剪功能，以及其他功能，如照片標記、 圖像編輯功能，等等.
支持瀏覽器：
Firefox 2+, Opera 9.5+, Google Chrome, Safari 3+, and Internet Explorer 6+.
一、加載
<head> ... <linkrel="stylesheet"type="text/css"href="css/imgareaselect-default.css"/>
<scripttype="text/javascript"src="scripts/jquery.min.js"></script>
<scripttype="text/javascript"src="scripts/jquery.imgareaselect.pack.js"></script>
...
</head>
二、文檔
中文：http://www.css88.com/EasyTools/javascript/jQueryPlugin/imgAreaSelect/index.html
English ：http://odyniec.net/projects/imgareaselect/usage.html
三、使用
<img id="img5" src="" name="img5"/>
使用jquery的data儲存數據：
$(document).ready(function () {
var ias =$('img#img5').imgAreaSelect({
fadeSpeed: 400,
handles: true,
instance: true,
aspectRatio: '4:3',
maxHeight: 84,
maxWidth:94,
onSelectEnd:function(img, selection) {
$('#img5').data('x',selection.x1);
$('#img5').data('y',selection.y1);
$('#img5').data('w',selection.width);
$('#img5').data('h',selection.height);
}
});
}