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

Wincer · 2018-05-28T09:34:50Z

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

表情

meme

生成

地址

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

that5

May 28, 2018 via iPhone

1

能上传图片就好了

Wincer

OP

May 28, 2018 via Android

2

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

bytewalk

May 28, 2018 via iPhone

1

3

厉害了😆

yhyh

May 28, 2018 via Android

4

需要后端吗.

BaiMax

May 28, 2018 via Android

1

5

可以可以😂

Wincer

OP

May 28, 2018 via Android

6

@yhyh 部署的时候不需要

that5

May 29, 2018

7

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

bfzahuarmmgg

May 29, 2018

8

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

eluotao

May 29, 2018

9

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

Wincer

OP

May 29, 2018 via Android

10

@that5 请问浏览器是？

Wincer

OP

May 29, 2018 via Android

11

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

that5

May 29, 2018

12

@that5 #7 chrome xp 最后版本

Wincer

OP

May 29, 2018 via Android

13

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

chocolatesir

May 29, 2018 via Android

14

楼主博客质量不错

that5

May 29, 2018

15

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

bfzahuarmmgg

May 29, 2018

1

16

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

Wincer

OP

May 29, 2018 via Android

17

@chocolatesir 谢谢称赞

Wincer

OP

May 29, 2018 via Android

18

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

Wincer

OP

May 29, 2018 via Android

19

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

mikumkf

May 29, 2018

20

666

yuanfnadi

May 30, 2018 via iPhone

21

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

Wincer

OP

May 30, 2018 via Android

22

@mikumkf meikangfu ？？？

Wincer

OP

May 30, 2018

23

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