前端技巧:如何使用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

上一篇:体系课-数据可视化入门到精通-打造前端差异化竞争力


下一篇:专为Mac用户设计的创建图形模式软件:Patternodes 2.4.4