Jcrop是一個基于jQuery的圖像裁剪插件。它可以通過簡單的配置和調用,非常方便地實現對圖像的裁剪和剪裁操作。
//簡單的配置和調用 $(function(){ $('#img').Jcrop({ aspectRatio: 1, //裁剪框的寬高比 minSize: [100, 100], //裁剪框的最小尺寸 setSelect: [0, 0, 100, 100], //初始裁剪框的位置 onSelect: updateCoords //裁剪框移動時回調函數 }); }); //回調函數,用于更新裁剪框的位置和尺寸 function updateCoords(c){ $('#x').val(c.x); $('#y').val(c.y); $('#w').val(c.w); $('#h').val(c.h); };
Jcrop支持多種圖像格式,包括jpg、png、gif等,并且支持在服務器端進行裁剪操作,非常適合用于圖像上傳和編輯等場景。
如果您需要實現圖像裁剪和剪裁功能,那么Jcrop是一個非常不錯的選擇。