美文网首页
微信小程序图片裁剪

微信小程序图片裁剪

作者: 咩咩籽 | 来源:发表于2019-07-09 09:24 被阅读0次

描述:

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

步骤:

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

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

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

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

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

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

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;

}

相关文章

网友评论

      本文标题:微信小程序图片裁剪

      本文链接:https://www.haomeiwen.com/subject/sestkctx.html