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

微信小程序图片裁剪

作者: 咩咩籽 | 来源:发表于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