我也写了一个表情包制作网站，不过是纯前端的

V2EX = way to explore

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

现在注册

已注册用户请登录

爱意满满的作品展示区。

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

地址：Meme · 表情包生成，欢迎大家使用🖖

表情

meme

生成

地址

23 条回复 • 2018-05-30 15:25:22 +08:00

that5

2018-05-28 19:37:16 +08:00 via iPhone

能上传图片就好了

Wincer

2018-05-28 21:35:49 +08:00 via Android

@that5 感谢建议，首页的静态图已支持自定义上传

poorcai

2018-05-28 21:45:40 +08:00 via iPhone

厉害了😆

yhyh

2018-05-28 21:45:51 +08:00 via Android

需要后端吗.

BaiMax

2018-05-28 21:45:56 +08:00 via Android

可以可以😂

Wincer

2018-05-28 21:58:28 +08:00 via Android

@yhyh 部署的时候不需要

that5

2018-05-29 09:14:12 +08:00

@Wincer #2 无法访问了，meme.itswincer.com 使用了不受支持的协议。ERR_SSL_VERSION_OR_CIPHER_MISMATCH

bfzahuarmmgg

2018-05-29 10:01:26 +08:00

纯前端的意思是图片处理在客户端吗？不需要提供服务器来处理图片？

eluotao

2018-05-29 10:04:48 +08:00

这个已经不好玩了就两套图

Wincer

2018-05-29 10:16:10 +08:00 via Android

@that5 请问浏览器是？

Wincer

2018-05-29 10:16:29 +08:00 via Android

@bfzahuarmmgg 对，在浏览器端处理的

that5

2018-05-29 10:23:56 +08:00

@that5 #7 chrome xp 最后版本

Wincer

2018-05-29 10:50:03 +08:00 via Android

@that5 本站用的是 Cloudflare 提供的 sni 证书，查了一下，xp 似乎不支持 sni 😂 不好意思

chocolatesir

2018-05-29 10:52:36 +08:00 via Android

楼主博客质量不错

that5

2018-05-29 10:57:43 +08:00

@Wincer #13 嗯，手机正常访问。可以控制图片大小以及方向就差不多了，比如手机上传图片发现方向不对，以及不需要原图那么大，制作表情的时候小巧方便发送。

bfzahuarmmgg

2018-05-29 11:54:14 +08:00

@Wincer 厉害啊，之前见过的都是服务器处理的，很卡顿。你解决了大问题

Wincer

2018-05-29 11:58:34 +08:00 via Android

@chocolatesir 谢谢称赞

Wincer

2018-05-29 12:00:36 +08:00 via Android

@that5 关于原图的问题，其实不管多大的图绘制到 canvas 都是 300px，生成渲染图的宽度也都是 300px

Wincer

2018-05-29 23:26:23 +08:00 via Android

@bfzahuarmmgg 很惭愧，只是做了一点微小的贡献

mikumkf

2018-05-29 23:40:41 +08:00

666

yuanfnadi

2018-05-30 14:22:46 +08:00 via iPhone

@Wincer 看了你的博客其实一个按钮就好了。执行之前检测一下是否支持,不支持就按照预览操作，否则就是下载。

Wincer

2018-05-30 15:18:10 +08:00 via Android

@mikumkf meikangfu ？？？

Wincer

2018-05-30 15:25:22 +08:00

@yuanfnadi 后来我也有专门思考这个问题，对于静态图的话，确实不需要预览功能，但动态图有时还是需要预览是否合适，为了观感的一致性也就把预览按钮给留下了。