🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付

前端真有意思,又干了一年圖片編輯器

大家好,我是一名前端工程師,也是開源圖片編輯器vue-fabric-editor專案的作者,我是一名幹了十幾年的前端程序員,真的越幹越覺得前端開發有意思

圖片編輯器截圖:

Foxmail20260105052725.png

從2025年孤軍奮戰到拉起幾個人的小團隊,現在已經2026年了,不知不覺一年就過去了,前端的創業小團隊都能做出哪些有意思的專案,大家一起看看我們做的專案,也算是我們團隊的年終總結了。

專案列表:

  1. POD樣機
  2. 絲巾設計平台
  3. 吧唧設計/亞克力設計
  4. 盒型/刀版設計
  5. 印花設計
  6. 工藝仿真

POD樣機

這是一個快速生成電商圖片的場景,讓用戶上傳一張圖片,快速生成多個不同場景的圖片,比如冰袖產品,只需要穿一張印花圖片,就可以生成多個不同場景和不同穿戴角度的電商圖片,可以用來快速上架到電商平台。

image

2.gif

不僅僅是冰袖,還是支持更複雜的服裝設計,同時生成工廠打印使用的刀版圖,一次生成不同尺碼。

3.gif

當然,也支持3D的預覽,不同面進行設計後進行3D渲染。

4.gif

絲巾設計平台

這個平台是幫甲方開發的項目,主要的功能是實現各種印刷圖案特效,讓用戶快速的實現絲巾設計,並且實現絲巾試戴效果。

5.gif

7.gif

絲巾試戴效果

8.gif

當然,也有一些常見的AI設計功能,和圖片處理相關的功能。

9.gif

吧唧/亞克力設計

這個專案我們從頭開發了一套定制商城小程序,可以讓用戶在小程序中快速定制吧唧/亞克力鑰匙扣產品,後端是Node.js + MySql的技術栈,微信支付等各種功能,Node.js還是經得起考驗的

這個專案對我們來說有幾個重點

  1. 小程序商城,支持SKU、階梯價、物流、折扣、限購、支付等功能。
  2. 樣機預覽,白墨、烫金各種印刷工藝。
  3. 打印文件,要有打印機識別的專色通道和拼版功能。
  4. 自動刀線,自動根據圖片生成刀線文件。

Foxmail20260105023542.png

508880516-fbad98cb-24ff-431d-b4b7-314a4e1360e3.jpg

20.gif
21.gif

印花設計

這個專案主要是讓用戶根據一張圖片快速的生成瓷磚、面料相關的印花,快速實現印花效果,然後渲染到3D模型中,進行預覽,確認效果後可以下載連續四方圖用於印刷。

12.gif

盒型/刀版設計

這個專案主要的功能是讓客戶根據現有的盒型,快速的修改長寬高後,生成新的刀版圖和3D模型,用於快速的預覽,需要實現平面刀版圖和3D模型的參數化,來試實現參數調整後即時渲染的功能。

13.gif

dd0184b8-77fe-477b-bf07-49271c70be47.png

14.gif

工藝仿真

這一部分其實是調研的內容,主要是用3D來實現工藝仿真的效果,比如凹凸壓痕、不同烫金材質,難度不大,不過涉及的細節比較多。

19_1766385962.gif

20_1766385966.gif

20260105-155711.gif

回顧

這一年我們去杭州3次,在義烏待了2個月,回憶起來還歷歷在目為,有艱辛、有收穫、有成長,最感激的是找到了志同道合的兄弟

  1. 新招實習生不出差,自已到客戶現場開發。
  2. 錢塘江畔駐場開發,與韓國客戶用翻譯軟體面聊。
  3. 連續3天聯絡中介解決團隊住宿問題。
  4. 解決白墨專色,夜裡在義烏楊村滿大街找打印機。
  5. 解決色差問題對比到眼睛看花,國慶加班趕進度。
  6. 找到志同道合的兄弟,幾個專案一起跑下來。

日夜兼程

Foxmail20260105045116.png

駐場開發

Foxmail20260105045128.png

駐扎工廠

Foxmail20260105050020.png

採購電腦和午休床

Foxmail20260105045657.png

隨著同事的加入,我們內部流程也更加規範,需求文檔、技術方案、測試用例等等,自賣自誇一下 哈哈,團隊雖小,小巧精悍,我們完全聚焦在編輯器、定制設計器領域,很多工廠專案讓我們積累了寶貴的業務經驗。

總結

現在AI時代,大家都在唱衰前端,我們最近一年發現真的扎到場景和業務中,前端開發的機會還是挺大的很多複雜的繁重的專業軟體正在被慢慢解構,變成輕量的、簡潔的在線軟體,希望明年我們能啃下來更多有難度的專案,結合製造業,服務好更多客戶,也祝福大家越來越好,找到自己熱愛的事業。

大家感興趣的可以點個讚和關注,持續向大家匯報進展。


原文出處:https://juejin.cn/post/7591681023908151305


精選技術文章翻譯,幫助開發者持續吸收新知。

共有 0 則留言


精選技術文章翻譯,幫助開發者持續吸收新知。
🏆 本月排行榜
🥇
站長阿川
📝6   💬3   ❤️2
141
🥈
我愛JS
💬1  
6
評分標準:發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次
🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付