有没有在线生成会员卡一类的工具

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1895 天前的主题，其中的信息可能已经有所发展或是发生改变。

就是生成一种电子的卡片，保存成图片使用的。

内容为动态生成卡的编号和姓名，最好能带统计后台的。

生成

会员卡

卡片

编号

33 条回复 • 2019-09-16 10:59:26 +08:00

lk1ngaa7

2019-09-14 09:11:24 +08:00

这个一般自己做就可以了吧，挺简单的

airyland

2019-09-14 09:12:49 +08:00

不和等级 /消费记录关联，这样单独生成 id 的功能看起来是没有意义的。

SenLief

2019-09-14 09:12:55 +08:00 via Android

@lk1ngaa7 利用图片自己合成嘛？

SenLief

2019-09-14 09:14:09 +08:00 via Android

@airyland 是要集成的。不过是那种邀请卡或者优惠劵一类的。需要一个记录统计数据。

chinvo

2019-09-14 09:17:56 +08:00 via iPhone

@SenLief #3 展示页面就是个 html，用 js 生成 qr 或者条形码，不需要生成图片

SenLief

2019-09-14 09:19:43 +08:00 via Android

@chinvo 问题就是我需要那张卡片保存成照片留存待用。而不仅仅是立即显示。就是要图片信息和记录。

Atsushi

2019-09-14 09:52:22 +08:00 via Android

@SenLief 图片生成了往数据库放一份咯

SenLief

2019-09-14 10:14:11 +08:00 via Android

@Atsushi 懒还没学会图片处理😂

gaobh

2019-09-14 10:51:45 +08:00 via iPhone

你说的类似这个东西
https://www.oschina.net/p/poster-generater
你看看

SenLief

2019-09-14 12:19:34 +08:00

@gaobh 好的多谢，我先看看。

chinvo

2019-09-14 12:32:51 +08:00

@SenLief #6 每次用就用留存的 id 等信息重新生成

SenLief

2019-09-14 16:04:59 +08:00

@chinvo 其实我想问的就是图片咋生成出来的，有没有类似的工具，至于数据倒是次要的。

wisetc

2019-09-14 16:11:29 +08:00 via iPhone

是不是类似于罗森 app 那种会员卡？

SenLief

2019-09-14 16:12:59 +08:00

@wisetc 就是一张图片上面有姓名卡号以及一些附加的文字。

qiayue

2019-09-14 16:59:46 +08:00 via Android

关键字 html 2 image

zxle

2019-09-14 17:28:56 +08:00

@SenLief 可以用 canvas 生成图片

chinvo

2019-09-14 18:33:48 +08:00 via iPhone

@SenLief #12 HTML，不需要“生成图片”

就是你用 html、css 做出你想要的样式来，qr 或者条码则是用 js 生成（ canvas 或者 div 或者 svg ）

SenLief

2019-09-14 18:47:17 +08:00

@chinvo 我想在后端或者直接生成，是不是会慢了很多，因为底图可能是固定的，只是在图片上的字会有变化。

SenLief

2019-09-14 18:52:25 +08:00

@chinvo 大概理解你的意思了，之前还想着有现成的就拿来用，或者用 python PIL 合成图片，但是看你说的然后去查了下资料好像利用 html canvas 一类的就能前端实现了。多谢哈，我研究下。

2019-09-14 22:38:25 +08:00

通常这么提需求，后面都能扯出一大堆的附带功能，所以建议还是好好构思一下到底需要什么。

KasuganoSoras

2019-09-15 00:01:55 +08:00

PHP 实现的简单 Demo： https://cdn.zerodream.net/api/card/
源码： https://github.com/kasuganosoras/SomeCodes/blob/master/v2ex_600721.php

KasuganoSoras

2019-09-15 00:05:19 +08:00

第五行的 imagecolortransparent($image, 0); 会导致图片所有 RGB 颜色值为 0 的部分都变成透明的，如果你的底图不包含透明通道的话可以去掉这一行。很简单，就这几行代码就能实现，没有想象的那么复杂。

xjroot

2019-09-15 00:06:12 +08:00

make

KasuganoSoras

2019-09-15 00:21:49 +08:00

简单更新了一下，现在背景图黑色部分不会变成透明了（
45 钢板赛高

SenLief

2019-09-15 07:50:46 +08:00

@KasuganoSoras 多谢老哥。

SenLief

2019-09-15 07:51:27 +08:00

@o0 其实我本来只需要有直接生成的工具最好的。不过现在看来前端可以搞定，让搞小程序的去弄。

wq2016

2019-09-15 08:19:32 +08:00 via Android

微信会员卡？卡包？

calmlyman

2019-09-15 14:32:14 +08:00

我在 github 看到个类似的卡片项目，你可以看看
https://github.com/suguoyao/vue-card-diy

SenLief

2019-09-15 16:02:39 +08:00

@wq2016 类似吧，能实现微信那种更好不过。

SenLief

2019-09-15 16:03:32 +08:00

@calmlyman 多谢！这种的就类似了，我问下技术那边能不能用前端做，前端我一点也不会，本想着有现成的拿来用一下的。

yeeyeung

2019-09-15 18:16:03 +08:00

Pass2U

calmlyman

2019-09-15 21:07:13 +08:00

@SenLief 不客气，但拿去商用的话建议问问作者哈

wq2016

2019-09-16 10:59:26 +08:00 via Android

@SenLief 直接找我呀，做微信会员卡啊