V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
voodooii
V2EX  ›  外包

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

  •  
  •   voodooii · 2016-10-21 23:41:16 +08:00 · 750 次点击
    这是一个创建于 2769 天前的主题,其中的信息可能已经有所发展或是发生改变。
    图片为手机拍照学生试卷后的二值化之后的 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
    zhuangzhuang1988
        1
    zhuangzhuang1988  
       2016-10-22 02:01:06 +08:00 via iPad
    好复杂的样子,,
    spark
        2
    spark  
       2016-10-22 19:39:43 +08:00 via iPhone
    cropper 开源的,可以直接用…
    voodooii
        3
    voodooii  
    OP
       2016-10-24 21:05:04 +08:00
    已经找到了。谢谢各位
    ExNo7
        4
    ExNo7  
       2016-11-01 21:02:54 +08:00
    @voodooii 我刚写了个这样的插件,目前实现的功能要比 git 上的 cropper 更强大些,有兴趣吗?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4701 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 01:20 · PVG 09:20 · LAX 18:20 · JFK 21:20
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.