微信小程序图片裁剪

描述:

利用百度的ocr识别在微信小程序上(canvs,cover-view)做一个图片裁剪功能,由用户自己选择拖动选择框来进行裁剪。毫无美感可言。

步骤:

1.上传图片,并利用canvs来画出来。

2.cover-view上,手指触摸事件改变大小。

3.调wx.canvasToTempFilePath来生成临时图片发给后台处理。

坑一:微信端图片转base64,发到后台调用ocr接口时,必须要urlencode

坑二:在微信小程序端图片和真机是长宽相反的

坑三:微信图片转base64需要利用wx.getFileSystemManager().readFile

微信小程序图片裁剪_第1张图片
image

具体项目:https://gitee.com/hk120318/wxMiniProgrammer.git

后台代码片段:

public JsonResult getText(String base64) {

   try {

       String s = HttpUtil.sendPost("https://aip.baidubce.com/rest/2.0/ocr/v1/general_basic?",

               "access_token=" + token+ "&image=" + URLEncoder.encode(base64,"utf-8"));

       System.out.println(s);

   } catch (UnsupportedEncodingException e) {

       e.printStackTrace();

   }

   return null;

}

你可能感兴趣的:(微信小程序图片裁剪)