voodooii
V2EX  ›  外包

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

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

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

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

    联系方式: qq:1009418021

    电话:133o515o855 吴
    4 replies    2016-11-01 21:02:54 +08:00
    zhuangzhuang1988
        1
    zhuangzhuang1988  
       Oct 22, 2016 via iPad
    好复杂的样子,,
    spark
        2
    spark  
       Oct 22, 2016 via iPhone
    cropper 开源的,可以直接用…
    voodooii
        3
    voodooii  
    OP
       Oct 24, 2016
    已经找到了。谢谢各位
    ExNo7
        4
    ExNo7  
       Nov 1, 2016
    @voodooii 我刚写了个这样的插件,目前实现的功能要比 git 上的 cropper 更强大些,有兴趣吗?
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   4275 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 04:11 · PVG 12:11 · LAX 21:11 · JFK 00:11
    ♥ Do have faith in what you're doing.