[找前端 JS 外包]一个图片处理控件

2016-10-21 23:41:16 +08:00
 voodooii
图片为手机拍照学生试卷后的二值化之后的 png 图片。
图片处理的主要目的是使得图片内的处理的更加干净。所以图片处理功能需要
1 、 输入:支持 url 和 base64 编码的图片数据。
2 、 旋转:使得图片上的文字更加水平,方便后期处理。
3 、 裁剪:使得裁剪后的边框更加缩小,符合图片尺寸。
4 、 橡皮擦除,遮罩擦出:两种擦出分别对应线段擦除和区域擦除(矩形框)。目的是消除图片上的不相干部分使得图片更加简洁干净。支持撤销和重做方便后期处理。(类似画板功能)
5 、 缩放:采用标准大小缩放,产生一个田字格,缩放图片使得图片中的一个字能够正好填充田字格。该功能的作用为以田字格为参照(因为田字格的像素尺寸我们可以定义)计算出当图片以某个像素尺寸显示时,图片中的字的大小为给定像素尺寸(该值为输入参数),举个例子我们希望图片中的文字在屏幕中以大约 12 个像素的大小显示,则我们可以通过田字格(相当于标尺)计算出图片以多少像素显示图片中的文字正好为 12 个像素,该功能的缩放只用作计算数据,不实际修改图片尺寸。
6 、 输出: 用给定接口更新服务端的图片和 base64 编码的修改过的图片数据。

图片处理应用要求可以嵌入 HTML5 页面,浏览器无关( IE9 之上, chrome , firefox )。通过 JS 与页面进行交互。

github 上有个 demo 叫做 cropper 的照片处理的.可以参照这个.如果不参照这个也可以.

联系方式: qq:1009418021

电话:133o515o855 吴
752 次点击
所在节点    外包
4 条回复
zhuangzhuang1988
2016-10-22 02:01:06 +08:00
好复杂的样子,,
spark
2016-10-22 19:39:43 +08:00
cropper 开源的,可以直接用…
voodooii
2016-10-24 21:05:04 +08:00
已经找到了。谢谢各位
ExNo7
2016-11-01 21:02:54 +08:00
@voodooii 我刚写了个这样的插件,目前实现的功能要比 git 上的 cropper 更强大些,有兴趣吗?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/314544

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX