前言

本系統是基于fabric.js實現的canvas版圖片,文本編輯器,支持對圖片的放大,縮小,旋轉,鏡面翻轉,拖動,顯示/隱藏圖層,刪除圖層,替換圖層等操作,對文本支持修改文本內容,顏色,字體,加粗,斜體,下劃線,背景色等,同時支持圖片已有的操作,拖動圖層有輔助線功能,可對畫布做放大縮小功能,多操作可撤銷/回退功能,可直接導出圖片,ps基本操作都已支持,歡迎star.

項目地址https://github.com/Jeff-Bee/onLinePS

功能預覽圖

目錄結構

fabric.js相關

fabric 文檔地址 由于中文資料很少,使用過程中也遇到了很多問題,找了好多資料總算是把功能都實現了,如果有在使用這個的小伙伴有什么問題可以找我溝通.首先需要熟悉canvas的基礎,然后在去使用這個庫會很容易上手.

結語

這個是項目中做的功能,由于過程比較坎坷,fabric.js庫很強大,但是中文資料很少,導致解決問題的時候花費了很多功夫,所以摘出來供需要的人使用,由于有些東西需要后端配合,所以把一部分功能砍掉了,所有代碼中有一些冗余代碼,大家有需要那些功能的也可以宅后臺配合把這些功能也做起來,前端的邏輯都已經實現了.

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。