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/07/31