jquery Jcrop圖像裁切插件中文api文檔

Jcrop 是一個功能強(qiáng)大的 jQuery 圖像裁剪插件，結(jié)合后端程序（例如：PHP）可以快速的實(shí)現(xiàn)圖片裁剪的功能。

jcrop是添加圖像裁剪功能的Web應(yīng)用程序的快速簡便的方法。它將使用一個強(qiáng)大的跨平臺的DHTML種植引擎，忠實(shí)于熟悉的桌面圖形應(yīng)用的典型的jQuery插件輕松。

options 參數(shù)說明

使用方法

1、載入 CSS 文件

1. <link rel="stylesheet" href="css/jquery.Jcrop.css" rel="external nofollow" >

2、載入 JavaScript 文件

1. <script src="js/jquery.js"></script>
2. <script src="js/jquery.Jcrop.js"></script>

3、給 IMG 標(biāo)簽加上 ID

1. <img id="element_id" src="pic.jpg">

4、調(diào)用 Jcrop

1. $("#element_id").Jcrop();

Jcorp的調(diào)用主要分為兩種方式

1. jQuery('#cropbox').Jcrop({
2.         onChange: showCoords,
3.         onSelect: showCoords
4. });

1. var api = $.Jcrop('#cropbox',{
2.        onChange: showPreview,
3.        onSelect: showPreview,
4.        aspectRatio: 1
5.   });

這里推薦大家使用第二種方式，將Jcrop生成的對象賦給一個全局變量，這樣操作起來更靈活，如調(diào)用api.destroy();方法可以銷毀 Jcorp，這樣我們在實(shí)際使用中會更靈活一些，因?yàn)橹苯痈淖円眉魣D片的路徑會導(dǎo)致Jcorp的出錯，如果想要變更編輯的圖片我們需要銷毀Jcorp， 變更圖片的屬性后再次為圖片附加Jcorp。

API 接口

項(xiàng)目地址：http://deepliquid.com/content/Jcrop.html

下載信息  [文件大小：195.54 KB 下載次數(shù)： 次]

點(diǎn)擊下載文件:Jcrop