H5Imgcut

功能描述

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

依赖的插件

使用FNImageClip插件

快速使用

使用流程描述，API描述，代码更改定制帮助等… 
用法1：
A页面：
引用zknight_h5imgcut_common.js，调用zknightH5ImgcutOpenCut(imgPath)，直接打开图片裁剪页面。
裁剪完毕后A页面：
监听事件zknight_img_cut_event获取裁剪后的cutOutImg值即可。

示例：
A页面：
<script type="text/javascript" src="zknight_imgcut_common.js"></script>
//打开裁剪页面
zknightImgcutOpenCut('image/zknight_imgcut_default.jpeg'); 

裁剪完毕后A页面：
    //裁剪完毕后，页面接受参数
    api.addEventListener({
name:'zknight_img_cut_event'
    },function(ret,err){
        var img = ret.value.cutOutImg;
        console.log(img);
    });
 
 用法二:
 打开页面，直接使用即可。
 api.openWin({
     name: 'zknight_head_img_win'
url: 'zknight_head_img_win.html'
 });
 
 apiready里监听事件，自行处理后续事宜即可。
 api.addEventListener({
name:'zknight_img_cut_event'
    },function(ret,err){
        var img = ret.value.cutOutImg;
        console.log(img);
    });

特别说明

本插件使用了apiutil.js、aui.css、zepto.js，并且本插件依赖于apicloud运行环境。
是否仍需要帮助？ 请保持联络！
最后更新于 2024/12/2