前段时间学习了fabric也写了几篇文章，最近在学习和了解fabric的时候发现另一个图形化插件leaferjs，在经过两天的调研以后我觉得学习leaferjs是一个不错的选择，理由如下：国产，不

近期在学习 Fabric.js，Fabric.js 的官网文档可谓是一言难尽。没有中文翻译只能算最小的问题，代码举例少的可怜，文档结构十分不友好，搜索功能也不尽人意，很难让人有看下去的耐心。

Fabric.js是一款强大的HTML5画布库，它能够让我们轻松地在网页上创建、编辑和操纵各种图形元素。无论你是想制作一个炫酷的图形编辑器，还是实现动态的图形效果，Fabric.js都能满足你的需求。

编辑器项目已经开源，600+ star，fabric.js的进阶用法，截图效果、实现思路与代码均在文章中。

【进阶1】使用Fabric.js玩转canvas画布 我正在参加「码上掘金挑战赛」详情请看：码上掘金挑战赛来了！

源码在GitHub上，总结下使用fabric.js开发一个编辑器需要用到哪些知识点。 预览地址：https://nihaojob.github.io/vue

`fabric`是基于canvas进行的api封装，可以实现绘制矩形、圆、椭圆、文本等一些基础图形，同时支持画笔自定义图形，`fabric`的优点在于它对生成的canvas画布进行了良好的封装

上篇文章大致介绍了使用Vue + fabric.js构建标注工具的流程，本篇则将其中的一些细节以及fabric的踩坑进行补充 1.鼠标从右向左画框 承接上篇的描述，使用fabric在canvas上画标

效果图： 技术选型 Vue3 Element-plus Fabric.js ES6 核心功能 主要实现H5 移动端简单的图片的可视化编辑、预览、下载等功能。 文本编辑：实现画布上的文本框的添加、字体属