基于MUI和Cropper微信客户端实现切图.docxVIP

基于MUI和Cropper的微信客户端实现切图一、概要MUI是一个基于js,css，html5实现 的一种技术，是一种能达到原生体验的高性能开源框架，几乎与app相同效果，能生成apk文件，框架里提供了大量组件，供开发人员使用，例如，折叠面板，操作表，数据角标，图片轮播，图文表格，各种输入框，九宫格，tab选 项卡，chart图表，下拉刷新等。二、本次文章在微信中运行效果图：图-1 单击上传图-2 单击选择文件三、实现过程下面就实现切图过程向大家介绍下：首先大家创建在myeclipse中创建web工程并把mui的js和css及cropper.min.js导入工程中：图-3代码架构1）在img.jsp页面中,写入js代码:%@pagelanguage=javaimport=java.util.*pageEncoding=UTF-8%%String path = request.getContextPath();String basePath = request.getScheme() + ://+ request.getServerName() + : + request.getServerPort()+ path + /;%!doctypehtmlhtmllang=enheadmetacharset=utf-8metahttp-equiv=x-ua-compatiblecont