一线大厂高级前端编写,前端初中阶面试题,帮助初学者应聘,需要联系微信:javadudu

圣诞节快乐的 fabritor 2.0 发布!

fabritor 2.0 在圣诞节🎄发布了!

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

圣诞节快乐的 fabritor 2.0 发布!

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

图片重构

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

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

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

圣诞节快乐的 fabritor 2.0 发布!

简易库

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

圣诞节快乐的 fabritor 2.0 发布!

文字特效,新增形状文字

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

圣诞节快乐的 fabritor 2.0 发布!

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

自动保存

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

安全!

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

周末快乐!圣诞节快乐!

圣诞节快乐的 fabritor 2.0 发布!

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

原文链接:https://juejin.cn/post/7315436843852152873 作者:SleepyZone

(0)
上一篇 2023年12月24日 上午10:16
下一篇 2023年12月24日 下午4:05

相关推荐

发表评论

登录后才能评论