Canvas 库 fabric.js 可以实现哪些功能? 动图介绍
我是开源图形编辑器vue-fabric-editor的作者,它是基于 fabric.js 和 Vue 开发的插件化图片编辑器,可自定义字体、素材、设计模板、右键菜单、快捷键。可以非常方便的二次开发,帮助开发者快速构建图片编辑应用。
fabric.js 是一个 canvas 库,今天整理了一下 fabric.js 可以实现的功能,用动图的形式分享给大家,方便快速了解 fabric.js。
源码见链接
辅助线

曲线文字

垂直文字

3D 结合

自定义文字条

缩略图

白板

自定义控制条

Gif 展示


图表展示

多边形绘制


拼图



笔刷

多图生成

导入 PDF

流动线条


拖入元素


开源应用







开源图形编辑器:https://github.com/nihaojob/vue-fabric-editor
评论