圣诞节快乐的 fabritor 2.0 发布!

fabritor 2.0 在圣诞节🎄发布了!

fabritor 是一款基于 fabricjs 开发的创意图片编辑器,支持文本、图片、形状、画笔、模板等。可以方便的基于 fabritor 构建属于自己的图片编辑器。

下面看一下 2.0 带来了哪些新功能:

图片重构

之所以直接从 1.0 版本跨到了 2.0 版本,主要就是因为对图片进行了重构。

上个版本中,图片是由 rect 加 pattern 填充实现的,这样对于实现图片的边框和圆角很方便,其实就是操作 rect 的边框和圆角,但也有一个问题,如果后面要做图片滤镜,那就无法享受 fabricjs 内置的图片滤镜能力。所以新版本重写了图片对象。

新版本图片继承 fabricjs 的 Group 实现。将 fabricjs image、rect 组合为一个新的图片对象,rect 负责实现边框,image 的 clipPath 属性符合实现圆角。

简易库

内置了 pixabay 的接口实现简单的图片库。你也可以使用 pixabay 提供的接口 实现图片库。

文字特效,新增形状文字

fabicjs 是支持按照给定的路径绘制文字的,fabritor 2.0 提供了一个简单的形状文字特效。

看似给 textbox 对象一个 path 属性即可,但实则需要考虑的点还是挺多的,比如编辑的时候该如何展示,如果多行该如何处理,默认添加 path 属性后边框位置不对怎么处理。。

自动保存

新增了一个简单的自动保存功能,将编辑的结构保存在本地,这样在误关闭刷新之后,还是会加载之前的内容。

安全!

其他还是增加了诸如清空画布、JSON 版本校验的功能,有兴趣的同学试用一下!

周末快乐!圣诞节快乐!

(图片参考 www.x-design.com/templates 内模板设计)

相关推荐
辻戋2 小时前
从零实现React Scheduler调度器
前端·react.js·前端框架
徐同保2 小时前
使用yarn@4.6.0装包,项目是react+vite搭建的,项目无法启动,报错:
前端·react.js·前端框架
Qrun3 小时前
Windows11安装nvm管理node多版本
前端·vscode·react.js·ajax·npm·html5
中国lanwp3 小时前
全局 npm config 与多环境配置
前端·npm·node.js
JELEE.4 小时前
Django登录注册完整代码(图片、邮箱验证、加密)
前端·javascript·后端·python·django·bootstrap·jquery
TeleostNaCl6 小时前
解决 Chrome 无法访问网页但无痕模式下可以访问该网页 的问题
前端·网络·chrome·windows·经验分享
前端大卫7 小时前
为什么 React 中的 key 不能用索引?
前端
你的人类朋友7 小时前
【Node】手动归还主线程控制权:解决 Node.js 阻塞的一个思路
前端·后端·node.js
小李小李不讲道理9 小时前
「Ant Design 组件库探索」五:Tabs组件
前端·react.js·ant design
毕设十刻9 小时前
基于Vue的学分预警系统98k51(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末
前端·数据库·vue.js