首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
sneezry
V2EX  ›  分享创造

造了个简单的证件照在线排版的轮子

  •  
  •   sneezry · 2018-11-15 16:32:55 +08:00 · 2762 次点击
    这是一个创建于 464 天前的主题,其中的信息可能已经有所发展或是发生改变。
    前段时间办理美签的时候因为时间没有安排好,导致险些在材料提交截止日期前来不及打印证件照。我自己买了打印机,可以打印照片,所以就造了这个轮子,方便以后自己打印证件照。同时也方便朋友和同事,急用证件照时把照片电子版发给我我就能马上帮他们打印出常用的证件照了。

    相纸纸型为 6 寸( 4'' * 6'',或 10cm * 15cm )

    食用地址: https://photo.lizhe.org/
    18 回复  |  直到 2018-11-24 11:22:15 +08:00
    EugeneLiu
        1
    EugeneLiu   2018-11-15 17:04:58 +08:00
    这个很方便
    kingcc
        2
    kingcc   2018-11-15 18:03:04 +08:00
    酷。是怎么实现的呢
    linpm
        3
    linpm   2018-11-15 18:55:09 +08:00 via Android
    你好,我研究一下这个,可不可以开源出来,我想进一步写一下
    OctopusGO
        4
    OctopusGO   2018-11-15 19:54:42 +08:00 via Android
    战略性马克
    privil
        5
    privil   2018-11-15 19:57:22 +08:00
    666 相当给力!
    GDC
        6
    GDC   2018-11-15 21:10:38 +08:00
    果然是生成 base64 的图片,应该是用 canvas 裁剪的吧。
    给楼主提个两个建议:
    1. 生成 img 标签,把 base64 给 src,这样就不需要勾选打印背景了(毕竟小白很多的)。
    2. 转成 base64 的时候用 png 格式,我看你用 jpg 的,背景颜色断层明显,而很多证件照在拍摄的时候虽然说背景是纯色,但其实是有轻微渐变的(因为有补光灯照射),轻微渐变的断层会更容易出现。
    vex2pp
        7
    vex2pp   2018-11-15 21:33:09 +08:00
    好棒,好棒。
    KiseXu
        8
    KiseXu   2018-11-15 22:12:18 +08:00
    好像 css 没法精准控制打印出的照片尺寸,不知道楼主有什么好办法
    sneezry
        9
    sneezry   2018-11-16 10:35:32 +08:00
    @KiseXu #8 css 是可以精准控制打印出的照片尺寸的
    sneezry
        10
    sneezry   2018-11-16 10:38:03 +08:00
    @GDC #6 通过 file reader 读取的,所以是 base64,没有使用 canvas,没有裁剪。使用背景图片是为了自动调整大小,base64 没有转换格式,选的图是什么格式就是什么格式,没有质量损耗。
    RandyColin
        11
    RandyColin   2018-11-16 10:43:08 +08:00
    缺少 A4 纸打标准一寸的那种 25*35 规格的 8*8 行列的,支持拖拽拖入。。。哈哈哈,羞涩,一不小心说了个自己的需求。
    sneezry
        12
    sneezry   2018-11-16 11:40:27 +08:00
    @RandyColin #11 相纸也有 A4 大小的吗 O.O
    RandyColin
        13
    RandyColin   2018-11-16 14:00:54 +08:00
    @sneezry 有的吧,反正我们公司平时需要打印照片的时候一般都是 A4 打 8*8 规格的,也有用 A6 纸打的。一般外面照相馆都是用的 A6 纸。
    xuanyuanaosheng
        14
    xuanyuanaosheng   2018-11-16 20:02:49 +08:00 via Android
    战略性 mark
    zgcwkj
        15
    zgcwkj   2018-11-17 11:15:32 +08:00
    纯 html,还可以,减轻服务器负担!
    问题:谷歌浏览器打印并没有显示图片,没有打印机的我好奇问问
    zhouyut001
        16
    zhouyut001   2018-11-18 02:42:31 +08:00
    不錯
    niqiu8
        17
    niqiu8   2018-11-18 19:08:34 +08:00
    用虚拟打印机,点打印,一片空白,没有看到图片
    1847bell
        18
    1847bell   2018-11-24 11:22:15 +08:00
    大佬又是你
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   1284 人在线   最高记录 5168   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 19:16 · PVG 03:16 · LAX 11:16 · JFK 14:16
    ♥ Do have faith in what you're doing.