昨天老板突然甩过来个需求,说要整个能在网页上加电子章的功能,还撂下狠话"明天就要上线"。我当时就想掀桌,这不扯淡嘛只能硬着头皮瞎折腾一宿。今天就跟大伙唠唠踩的坑:
先试了画图的土法子
心想不就弄个图放网页上嘛简单!吭哧吭哧拿画图软件搓了个红圈圈公章,存成png塞进网页里。结果点击盖章按钮后印章直接焊死在背景上,用户压根拖不动位置。更绝的是用户按个F12就把图扒走了,这章防了个寂寞!
又琢磨浏览器插件
转手去搜了圈盖章插件,装完倒是能拖来拖去了。可下午业务部小王一用就骂娘:"这破玩意要我装插件?客户电脑没权限装!"财务大姐更绝,直接拍桌子喊"这红叉叉盖章插件公司防火墙都报警了"。得,又得重来。
被逼上云签名服务
半夜两点红牛灌了三罐,终于扒拉到个能直接对接的签名服务。注册完发现要传身份证正反面加刷脸,吓得我手抖——老板吼着要上线的合同是200块保洁服务协议,犯得着动用银行级验证?扭头看见资费表更懵了:5000次盖章收880,这不抢钱嘛
意外发现的野路子
瘫椅子上刷论坛时灵光一闪:PDF!直接在网页里嵌个PDF阅读器不就得了?立马扒拉来开源库,把合同转成PDF扔进网页。鼠标戳哪里章就盖哪里,还能拖来拖去调大小。用户盖完自动打包下载,后台还存着操作记录。关键是不花一分钱!
天亮前测试时发现个致命问题:iPhone显示PDF总缺字。急得我拿头撞键盘时突然悟了——给合同图片加个透明图层当坐标板!印章定位直接算百分比,不管手机电脑都严丝合缝盖对位置。
上线的方案
- 前端扔个带透明蒙层的合同图片
- 点哪就把电子章png叠到那个坐标
- 用canvas把整张图+章拼成新图
- 用户下载拼接图+系统存记录
现在这招儿用了大半年,连村里卖菜大妈都能自己盖章签合同。昨天财务大姐还夸:"这个红圈圈比真公章还省事,再也不用蹲保险柜前边念咒语开锁了!"





