MM28

图片裁剪--Jcrop插件

var jcrop_api = null ; 
var imgUrl = getFileUrl("commodityFile");       // 获取图片url
// $("#imgHeadPhoto1").attr("src",imgUrl); 
if(jcrop_api==null){
	$("#imgHeadPhoto1").Jcrop({   
	 	  aspectRatio: 16/9,                      //  16:9      
	 	  boxWidth : 580,                         //  图片宽度
	 	  onChange: showCoords,                  //   获取裁剪图片的坐标
	 	  onSelect: showCoords 
	 	},function(){
	 	   	  jcrop_api = this;                   //  获取jcrop对象
	 	}); 
} 
jcrop_api.setImage(imgUrl);                     //  动态切换图片
jcrop_api.animateTo([50,50,370,230]);           //  初始框


function showCoords(c){
   $('#cx').val(c.x);
   $('#cy').val(c.y);
   $('#cw').val(c.w);
   $('#ch').val(c.h);
}