起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 4883|回复: 16

[处理中3] 希望用 wex5 来实现图像拍摄时有效内容的自动修正处理

[复制链接]

265

主题

614

帖子

1171

积分

金牌会员

Rank: 6Rank: 6

积分
1171
QQ
发表于 2017-11-1 08:46:16 | 显示全部楼层 |阅读模式
我们在用相机拍照时,由于角度问题,经常拍的内容不正。我发现一个app,他们能自动识别有效内容,并自动修正,如图:
a.png     b.png     c.png

1、图1:根据拍摄的内容,软件自动获取有效区域的边框;也支持手动修正边框;
2、图2:修正好的效果。可见,此时有效部分的名片,并不是正长方形,而是一个不规则的四边形;
3、图3:系统自动把有效内容,计算生成正长方形,这个长方形没有其它无效的内容,而且数据修正也非常准确。下面几个按钮还可以对画面进行色、光之类的修正。
我想在 wex5 开发的 app 中,模拟开发出这样的功能。由于对 wex5 的底层原理和结构并不十分清楚,请起步的老师们指导一下:
要开发出上面的功能,技术路径是什么?需要哪些知识点?
我非常想有这样的功能,还请老师们多指导!






265

主题

614

帖子

1171

积分

金牌会员

Rank: 6Rank: 6

积分
1171
QQ
 楼主| 发表于 2017-11-1 08:49:19 | 显示全部楼层
上面的问题,为方便阅读,重新编辑:
a.png

1、图1:根据拍摄的内容,软件自动获取有效区域的边框;也支持手动修正边框;
b.png

2、图2:修正好的效果。可见,此时有效部分的名片,并不是正长方形,而是一个不规则的四边形;

c.png


3、图3:系统自动把有效内容,计算生成正长方形,这个长方形没有其它无效的内容,而且数据修正也非常准确。下面几个按钮还可以对画面进行色、光之类的修正。


我想在 wex5 开发的 app 中,模拟开发出这样的功能。由于对 wex5 的底层原理和结构并不十分清楚,请起步的老师们指导一下:
要开发出上面的功能,技术路径是什么?需要哪些知识点?
我非常想有这样的功能,还请老师们多指导!



回复 支持 反对

使用道具 举报

发表于 2017-11-1 10:48:21 | 显示全部楼层
yczxqy 发表于 2017-11-1 08:49
上面的问题,为方便阅读,重新编辑:

关于图片 裁剪的案例!x5只是提供了这个
/UI2/demo/picCut/index.w
你可以先运行看下效果,实际上是引用第三方类库
/UI2/demo/picCut/js/cropper.min.js
实现的这个能力!


wex5并没有直接提供这样能力的案例,
是需要自己上网搜下类似功能的开放源码!然后在wex5中引入第三方类库实现这个能力!
http://doc.wex5.com/js-module-01/


如果web页面,js类库没有找到类似的源码!或者自己无法实现,还可以使用原生代码去做
在wex5中调用原生代码的能力就是cordova 插件
http://docs.wex5.com/wex5-app-question-list-2051

你可以可以上网搜下原生 实现 的 源码,将它封装成corodva插件!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

265

主题

614

帖子

1171

积分

金牌会员

Rank: 6Rank: 6

积分
1171
QQ
 楼主| 发表于 2017-11-1 14:46:41 | 显示全部楼层
我跟百度沟通,百度是有类似的功能的,我想把这个功能用在 wex5 开发的 app 中,应该如何用呢?
回复 支持 反对

使用道具 举报

发表于 2017-11-1 14:54:27 | 显示全部楼层
yczxqy 发表于 2017-11-1 14:46
我跟百度沟通,百度是有类似的功能的,我想把这个功能用在 wex5 开发的 app 中,应该如何用呢? ...

首先了解一下 这个 功能是web应用 还是原生应用!
web应用直接引入js就可以调用! 就是写js代码。一样的!

如果是原生应用,需要封装成cordova插件  打包在APP中才可以使用!
具体你看下我发的那两个链接吧!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

265

主题

614

帖子

1171

积分

金牌会员

Rank: 6Rank: 6

积分
1171
QQ
 楼主| 发表于 2017-11-1 15:04:19 | 显示全部楼层
好的,我跟百度沟通一下,再请教您!
回复 支持 反对

使用道具 举报

265

主题

614

帖子

1171

积分

金牌会员

Rank: 6Rank: 6

积分
1171
QQ
 楼主| 发表于 2017-11-1 15:28:00 | 显示全部楼层
起步的老师好,经过跟百度沟通,他们是可以提供图片主体识别、切割的sdk的,并提供java的接口。
图像识别内容是:
https://cloud.baidu.com/doc/IMAG ... #.E7.AE.80.E4.BB.8B
文字识别内容是:
https://cloud.baidu.com/doc/OCR/ ... 2.E6.A0.BC.E5.BC.8F

我软件基本功不强,请老师帮我指导一下,按这个文档,是不是只需要在 java 上写一个 jdk 的调试,并生成 baas 服务,前端直接调服务就行了吧?需要考虑 js 接口、cordova插件吗?百度说 js 接口、cordova插件不提供,那么这项功能还能用吗?
回复 支持 反对

使用道具 举报

发表于 2017-11-1 15:35:29 | 显示全部楼层
yczxqy 发表于 2017-11-1 15:28
起步的老师好,经过跟百度沟通,他们是可以提供图片主体识别、切割的sdk的,并提供java的接口。
图像识别内 ...

那就需要自己封装corodva插件
http://doc.wex5.com/custom-cordova-plugin/
http://docs.wex5.com/cordova-plugin-voicemanager-android/
这里有文档!也可以自己上网查下corodva的资料!目前只能自己做了!

我可以在我们内部系统提下!键盘官方做下这个插件!方便大家使用
你好楼主,这个特性目前版本不支持,已作为产品功能建议提交(内部编号:2017110100003),感谢楼主的支持与配合。
1509521604(1).jpg
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

265

主题

614

帖子

1171

积分

金牌会员

Rank: 6Rank: 6

积分
1171
QQ
 楼主| 发表于 2017-11-1 16:09:18 | 显示全部楼层
自己封装cordova插件这个应该很复杂吧,以我现在的技术基础,还不一定能做起来。
我的理解是: corodva插件 是调用手机本身的功能和api函数,而这个功能是调用第三方的接口,应该是可以直接在 baas 层面来处理的吧?
类似于短信接口,我们目前有短信的应用,就是在java上写代码,再生成一个 baas的服务来实现的。
这个也应该是类似的处理方法吧?
回复 支持 反对

使用道具 举报

发表于 2017-11-1 16:19:22 | 显示全部楼层
yczxqy 发表于 2017-11-1 16:09
自己封装cordova插件这个应该很复杂吧,以我现在的技术基础,还不一定能做起来。
我的理解是: corodva插件 ...

不是的!  他提供了sdk  就是原生代码!
corodva 是通过js调用原生代码实现的!  你放到服务器上。客户端怎么能处理图片呢?  就是客户端的能力!
如果你做不了,就先学习下原生开发和 corodva插件的封装!
我们官方实现!也要等一定时间的!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2025-7-1 10:31 , Processed in 0.066042 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表