这是一个创建于 2955 天前的主题,其中的信息可能已经有所发展或是发生改变。
图片为手机拍照学生试卷后的二值化之后的 png 图片。
图片处理的主要目的是使得图片内的处理的更加干净。所以图片处理功能需要
1 、 输入:支持 url 和 base64 编码的图片数据。
2 、 旋转:使得图片上的文字更加水平,方便后期处理。
3 、 裁剪:使得裁剪后的边框更加缩小,符合图片尺寸。
4 、 橡皮擦除,遮罩擦出:两种擦出分别对应线段擦除和区域擦除(矩形框)。目的是消除图片上的不相干部分使得图片更加简洁干净。支持撤销和重做方便后期处理。(类似画板功能)
5 、 缩放:采用标准大小缩放,产生一个田字格,缩放图片使得图片中的一个字能够正好填充田字格。该功能的作用为以田字格为参照(因为田字格的像素尺寸我们可以定义)计算出当图片以某个像素尺寸显示时,图片中的字的大小为给定像素尺寸(该值为输入参数),举个例子我们希望图片中的文字在屏幕中以大约 12 个像素的大小显示,则我们可以通过田字格(相当于标尺)计算出图片以多少像素显示图片中的文字正好为 12 个像素,该功能的缩放只用作计算数据,不实际修改图片尺寸。
6 、 输出: 用给定接口更新服务端的图片和 base64 编码的修改过的图片数据。
图片处理应用要求可以嵌入 HTML5 页面,浏览器无关( IE9 之上, chrome , firefox )。通过 JS 与页面进行交互。
github 上有个 demo 叫做 cropper 的照片处理的.可以参照这个.如果不参照这个也可以.
联系方式: qq:1009418021
电话:133o515o855 吴
4 条回复 • 2016-11-01 21:02:54 +08:00
|
|
2
spark 2016-10-22 19:39:43 +08:00 via iPhone
cropper 开源的,可以直接用…
|
|
|
3
voodooii 2016-10-24 21:05:04 +08:00
已经找到了。谢谢各位
|
|
|
4
ExNo7 2016-11-01 21:02:54 +08:00
@ voodooii 我刚写了个这样的插件,目前实现的功能要比 git 上的 cropper 更强大些,有兴趣吗?
|