全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货

前端技巧|举牌人表情包用nodejs实现

发布时间:2021-03-15 09:11:00
发布人:小千

      最近网络上流行起了一个举牌人的表情包,在里面我们想要显示任何文字都可以,今天小千就来教大家使用nodejs实现这个效果,如下图所示,拿好小本本,下面开始了。

1

      需要使用到的插件

      text-to-svg:把文字转换为svg

      svg2png:把svg转换为png图片

      images:此插件的作用主要是对图片进行拼接组合

      安装

      npm init -y

      npm i text-to-svg svg2png images express # 安装插件,安装express的目的是做一个web页面作为入口进行展示

      实现

      目录结构如下

2

      utils/tools.js

3

      app.js

4

      public/index.html

5

      运行

      node app.js

      # 在浏览器中访问 http://localhost:3000

      最后想学习web前端的同学,可以参考千锋web前端培训班提供的web前端学习路线,该学习路线对从零基础小白到web前端初级开发工程师,web前端高级开发工程师,后面的web前端大神级开发工程师都有一个明确清晰的指导,根据千锋web前端培训机构提供的web前端学习路线图可以让你对学习web前端开发需要掌握的知识有个清晰的了解,并快速入门web前端开发。想要获取前端完整学习路线和免费的学习资料可以添加我们的web前端技术分享交流qq群:857920838  加群找群管理领取即可,等你来哦~~

相关文章

Ruby中为什么不能显式的调用私有方法?

Ruby中为什么不能显式的调用私有方法?

2023-10-14
公有云、私有云与混合云有什么区别?

公有云、私有云与混合云有什么区别?

2023-10-14
从按键到响应,键盘的底层原理是什么?

从按键到响应,键盘的底层原理是什么?

2023-10-14
GitLab为什么选择Vue.js?

GitLab为什么选择Vue.js?

2023-10-14

最新文章

常见网络安全面试题:Windows常用的命令有哪些?

常见网络安全面试题:Windows常用的命令有哪些?

2023-10-09
常见网络安全面试题:根据设备告警如何展开排查?

常见网络安全面试题:根据设备告警如何展开排查?

2023-10-09
常见网络安全面试题:mysql加固呢?(数据库加固)

常见网络安全面试题:mysql加固呢?(数据库加固)

2023-10-09
常见网络安全面试题:windows和linux加固?(操作系统加固)

常见网络安全面试题:windows和linux加固?(操作系统加固)

2023-10-09
在线咨询 免费试学 教程领取