PhotoCrop

功能描述

快速使用

2.初始化插件

  2.                 size : [300, 300], //裁剪框的大小
  3.                 outputSize : [0, 0], //打开图片大小，[0,0]表示原图大小
  4.                 file : "#file",//文件ID
  5.                 ok : "#clipBtn",//点击完成剪裁ID
  7.                     $api.removeCls($api.dom(".loading"), "displaynone");
  8.                 },
  9.                     $api.addCls($api.dom(".loading"), "displaynone");
  10.                 },
  12.                     console.log(dataURL);
  13.                     $api.css($api.dom("#headimg"), "background-image:url(" + dataURL + ")");
  14.                     //dataURL裁剪后图片地址base64格式提交给后台处理,可通过ajax上传到服务器保存
  15.                     $(".clipbg").fadeOut();

特别说明

,示例只提供了部分代码,详细用法见index.html