JS實如今線ps功能（基於fabric.js）

功能介紹

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

項目地址 github.com/Jeff-Bee/on…

功能預覽圖

目錄結構

fabric.js相關

fabric 文檔地址 因爲中文資料不多,使用過程當中也遇到了不少問題,找了好多資料總算是把功能都實現了,若是有在使用這個的小夥伴有什麼問題能夠找我溝通.首先須要熟悉canvas的基礎,而後在去使用這個庫會很容易上手.

寫在最後

這個是項目中作的功能,因爲過程比較坎坷,fabric.js庫很強大,可是中文資料不多,致使解決問題的時候花費了不少功夫,因此摘出來供須要的人使用,因爲有些東西須要後端配合,因此把一部分功能砍掉了,全部代碼中有一些冗餘代碼,你們有須要那些功能的也能夠宅後臺配合把這些功能也作起來,前端的邏輯都已經實現了.