前端技巧:如何使用nodejs实现举牌人表情包?

最近网络上流行起了一个举牌人的表情包,在里面我们想要显示任何文字都可以。今天小千就来教大家使用nodejs实现这个效果,如下图所示,拿好小本本,下面开始了。
前端技巧:如何使用nodejs实现举牌人表情包?
需要使用到的插件
text-to-svg:把文字转换为svg
svg2png:把svg转换为png图片
images:此插件的作用主要是对图片进行拼接组合
安装
npm init -y
npm i text-to-svg svg2png images express # 安装插件,安装express的目的是做一个web页面作为入口进行展示
实现
目录结构如下
前端技巧:如何使用nodejs实现举牌人表情包?
utils/tools.js
前端技巧:如何使用nodejs实现举牌人表情包?
app.js
前端技巧:如何使用nodejs实现举牌人表情包?
public/index.html
前端技巧:如何使用nodejs实现举牌人表情包?
运行
node app.js
#在浏览器中访问 http://localhost:3000

猜你喜欢

转载自blog.51cto.com/15128702/2661566
今日推荐