千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > 前端技巧|举牌人表情包用nodejs实现

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

来源:千锋教育
发布人:小千
时间: 2021-03-15 09:11:00 1615770660

      最近网络上流行起了一个举牌人的表情包,在里面我们想要显示任何文字都可以,今天小千就来教大家使用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  加群找群管理领取即可,等你来哦~~

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT