最近網(wǎng)絡(luò)上流行起了一個(gè)舉牌人的表情包，在里面我們想要顯示任何文字都可以，今天小千就來(lái)教大家使用nodejs實(shí)現(xiàn)這個(gè)效果，如下圖所示，拿好小本本，下面開(kāi)始了。

      需要使用到的插件

      text-to-svg：把文字轉(zhuǎn)換為svg

      svg2png：把svg轉(zhuǎn)換為png圖片

      images：此插件的作用主要是對(duì)圖片進(jìn)行拼接組合

      安裝

      npm init -y

      npm i text-to-svg svg2png images express # 安裝插件，安裝express的目的是做一個(gè)web頁(yè)面作為入口進(jìn)行展示

      實(shí)現(xiàn)

      目錄結(jié)構(gòu)如下

      utils/tools.js

      app.js

      public/index.html

      運(yùn)行

      node app.js

      # 在瀏覽器中訪問(wèn) http://localhost:3000

      最后想學(xué)習(xí)web前端的同學(xué)，可以參考千鋒web前端培訓(xùn)班提供的web前端學(xué)習(xí)路線，該學(xué)習(xí)路線對(duì)從零基礎(chǔ)小白到web前端初級(jí)開(kāi)發(fā)工程師，web前端高級(jí)開(kāi)發(fā)工程師，后面的web前端大神級(jí)開(kāi)發(fā)工程師都有一個(gè)明確清晰的指導(dǎo)，根據(jù)千鋒web前端培訓(xùn)機(jī)構(gòu)提供的web前端學(xué)習(xí)路線圖可以讓你對(duì)學(xué)習(xí)web前端開(kāi)發(fā)需要掌握的知識(shí)有個(gè)清晰的了解，并快速入門(mén)web前端開(kāi)發(fā)。想要獲取前端完整學(xué)習(xí)路線和免費(fèi)的學(xué)習(xí)資料可以添加我們的web前端技術(shù)分享交流qq群：857920838  加群找群管理領(lǐng)取即可，等你來(lái)哦~~