舉牌人表情包 nodejs版
很流行的一款表情包效果舉牌人,這次也用nodejs實(shí)現(xiàn)一把。
需要的插件
· text-to-svg
把文字轉(zhuǎn)換為svg
· svg2png
把svg轉(zhuǎn)換為png圖片
domenic/svg2pnggithub.com/domenic/svg2png
· images
此插件的作用主要是對(duì)圖片進(jìn)行拼接組合
zhangyuanwei/node-images
github.com/zhangyuanwei/node-images
通過(guò)以上三個(gè)插件的結(jié)合就可以實(shí)現(xiàn)效果。
安裝
npm init -y
npm i text-to-svg svg2png images express # 安裝插件,安裝express的目的是做一個(gè)web頁(yè)面作為入口進(jìn)行展示
實(shí)現(xiàn)
目錄結(jié)構(gòu)如下:
fonts
images
public
utils
app.js
utils/tools.js
app.js
public/index.html
運(yùn)行
node app.js
# 在瀏覽器中訪問(wèn) http://localhost:3000
源代碼
GitHubgithub.com/btc022003/hk
更多關(guān)于“前端培訓(xùn)”的問(wèn)題,歡迎咨詢(xún)千鋒教育在線(xiàn)名師。千鋒教育多年辦學(xué),課程大綱緊跟企業(yè)需求,更科學(xué)更嚴(yán)謹(jǐn),每年培養(yǎng)泛IT人才近2萬(wàn)人。不論你是零基礎(chǔ)還是想提升,都可以找到適合的班型,千鋒教育隨時(shí)歡迎你來(lái)試聽(tīng)。
注:本文部分文字和圖片來(lái)源于網(wǎng)絡(luò),如有侵權(quán),請(qǐng)聯(lián)系刪除。版權(quán)歸原作者所有!