【推薦】一款基于 Vue 的電商級(jí)海報(bào)生成器 fastposter

1特性

fastposter 可以快速幫你生成海報(bào)。不同于 稿定設(shè)計(jì)、圖怪獸 它不僅能生成靜態(tài)的 圖片 ，還可以通過(guò)調(diào)用 HTTP接口 來(lái)生成動(dòng)態(tài)的圖片。如果你想要開(kāi)始使用它，只需要啟動(dòng)一個(gè) docker 容器， 就可以開(kāi)發(fā)海報(bào)并生成調(diào)用代碼。

• 無(wú)需編寫(xiě)復(fù)雜的繪圖代碼
• 及時(shí)預(yù)覽海報(bào)最終效果
• 便捷的代碼生成
• 多種編程語(yǔ)言支持 Java Python PHP Golang JavaScript 小程序
• 提供常用的組件
• 支持Docker快速部署
• 通過(guò)多年電商級(jí)生產(chǎn)環(huán)境的考驗(yàn)

2效果圖

3安裝

運(yùn)行命令:

docker?run?--name?fast-poster?-p?9001:9001?tangweixin/fast-poster

打開(kāi)瀏覽器: http://127.0.0.1:9001/

4使用說(shuō)明

編輯海報(bào)：點(diǎn)擊 [新建] 按鈕，在 [海報(bào)設(shè)置] --> 背景圖片 ，點(diǎn)擊 [上傳] 一個(gè)海報(bào)背景圖。點(diǎn)擊所需的控件【文本、二維碼、頭像、圖片】，拖動(dòng)調(diào)整位置，設(shè)置相關(guān)參數(shù)。點(diǎn)擊 效果預(yù)覽 ，可以實(shí)時(shí)查看最終生成的效果。

獲取代碼：點(diǎn)擊 [代碼] ，可以查看相關(guān)的接?調(diào)試代碼。

5項(xiàng)目背景

海報(bào)生成器，是經(jīng)過(guò)眾多電商項(xiàng)后，由于經(jīng)常遇到需要生成海報(bào)的需求，所以特別開(kāi)發(fā)的一款工具。

期間也參考了很多類(lèi)似項(xiàng)目，最開(kāi)始用 Java 實(shí)現(xiàn)。后來(lái)發(fā)現(xiàn)海報(bào)效果不是特別理想，達(dá)不到像素級(jí)要求。最后使用 Python 全部重構(gòu)，效果比較滿意。

現(xiàn)在已經(jīng)服務(wù)了好多個(gè)電商項(xiàng)目，多個(gè)項(xiàng)目有32W+用戶(hù)，通過(guò)過(guò)生產(chǎn)的考驗(yàn)，穩(wěn)定可靠。

6軟件架構(gòu)

技術(shù)棧

• Python
• Vue

客戶(hù)端調(diào)用支持Java Python cURL JS 等可以發(fā)送HTTP請(qǐng)求的語(yǔ)言。

公眾號(hào)后臺(tái)回復(fù)「fastposter」獲取項(xiàng)目