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

V2EX = way to explore

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

For Existing Member Sign In

爱意满满的作品展示区。

This topic created in 2891 days ago, the information mentioned may be changed or developed.

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

表情

meme

生成

地址

23 replies • 2018-05-30 15:25:22 +08:00

that5

May 28, 2018 via iPhone

能上传图片就好了

Wincer

May 28, 2018 via Android

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

poorcai

May 28, 2018 via iPhone

厉害了😆

yhyh

May 28, 2018 via Android

需要后端吗.

BaiMax

May 28, 2018 via Android

可以可以😂

Wincer

May 28, 2018 via Android

@yhyh 部署的时候不需要

that5

May 29, 2018

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

bfzahuarmmgg

May 29, 2018

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

eluotao

May 29, 2018

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

Wincer

May 29, 2018 via Android

@that5 请问浏览器是？

Wincer

May 29, 2018 via Android

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

that5

May 29, 2018

@that5 #7 chrome xp 最后版本

Wincer

May 29, 2018 via Android

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

chocolatesir

May 29, 2018 via Android

楼主博客质量不错

that5

May 29, 2018

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

bfzahuarmmgg

May 29, 2018

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

Wincer

May 29, 2018 via Android

@chocolatesir 谢谢称赞

Wincer

May 29, 2018 via Android

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

Wincer

May 29, 2018 via Android

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

mikumkf

May 29, 2018

666

yuanfnadi

May 30, 2018 via iPhone

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

Wincer

May 30, 2018 via Android

@mikumkf meikangfu ？？？

Wincer

May 30, 2018

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