H5Imgcut

功能描述

  1.  该模块集成了FNImageClip模块。
  2.  主要实现获取裁剪后的图片，可自行编写获取裁剪后图片上传到服务器的代码（比如头像上传）。
  3.  图片必须是本地路径（fs://、widget://）。

依赖的模块

  1. 使用FNImageClip模块

快速使用

  1. 使用流程描述，API描述，代码更改定制帮助等… 
  2. 用法1：
  3. A页面：
  4. 引用zknight_h5imgcut_common.js，调用zknightH5ImgcutOpenCut(imgPath)，直接打开图片裁剪页面。
  5. 裁剪完毕后A页面：
  6. 监听事件zknight_img_cut_event获取裁剪后的cutOutImg值即可。
  8. 示例：
  9. A页面：
  10. <script type="text/javascript" src="zknight_imgcut_common.js"></script>
  11. //打开裁剪页面
  12. zknightImgcutOpenCut('image/zknight_imgcut_default.jpeg'); 
  14. 裁剪完毕后A页面：
  15.     //裁剪完毕后，页面接受参数
  16.     api.addEventListener({
  17. name:'zknight_img_cut_event'
  18.     },function(ret,err){
  19.         var img = ret.value.cutOutImg;
  20.         console.log(img);
  21.     });
  23.  用法二:
  24.  打开页面，直接使用即可。
  25.  api.openWin({
  26.      name: 'zknight_head_img_win'
  27. url: 'zknight_head_img_win.html'
  28.  });
  30.  apiready里监听事件，自行处理后续事宜即可。
  31.  api.addEventListener({
  32. name:'zknight_img_cut_event'
  33.     },function(ret,err){
  34.         var img = ret.value.cutOutImg;
  35.         console.log(img);
  36.     });

特别说明

  1. 本模块使用了api.js、aui.css、zepto.js，并且本模块依赖于apicloud运行环境。