JS实如今线ps功能（基于fabric.js）

功能介绍

本系统是基于fabric.js实现的canvas版图片,文本编辑器,支持对图片的放大,缩小,旋转,镜面翻转,拖动,显示/隐藏图层,删除图层,替换图层等操做,对文本支持修改文本内容,颜色,字体,加粗,斜体,下划线,背景色等,同时支持图片已有的操做,拖动图层有辅助线功能,可对画布作放大缩小功能,多操做可撤销/回退功能,可直接导出图片,ps基本操做都已支持,欢迎star.

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

功能预览图

目录结构

fabric.js相关

fabric 文档地址 因为中文资料不多,使用过程当中也遇到了不少问题,找了好多资料总算是把功能都实现了,若是有在使用这个的小伙伴有什么问题能够找我沟通.首先须要熟悉canvas的基础,而后在去使用这个库会很容易上手.

写在最后

这个是项目中作的功能,因为过程比较坎坷,fabric.js库很强大,可是中文资料不多,致使解决问题的时候花费了不少功夫,因此摘出来供须要的人使用,因为有些东西须要后端配合,因此把一部分功能砍掉了,全部代码中有一些冗余代码,你们有须要那些功能的也能够宅后台配合把这些功能也作起来,前端的逻辑都已经实现了.