建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

Fabric.js本身并没有提供鼠标右键的事件，我查阅了文档，发现了一些小线索。于是我用相关api组合出一套右键菜单~

如何实现撤销和恢复 在图形编辑器中，撤销和恢复是一个非常常见的功能了，但是搜了下，网上好像也没有太多相关的文章 可能是因为canvas相关的资料确实太少了吧 其实实现撤销和恢复并不难，因为fabric

fabricjs没有自带的画布平移功能，那我们如何实现呢？首先我们先来整理需求。 正常的平移就是按住鼠标拖动画布但需要注意的是如果画布上存在其他元素，比如我们前面上传的图片，鼠标如果按下时刚好处于这

如果你想用 canvas 画图，那不妨试试 Fabric.js 。跟着本文一步一步操作，一定可以入门 Fabric.js

1.Fabric.js是什么？ Fabric.js 是一个可以简化 Canvas 程序编写的库。 Fabric.js 为 Canvas 提供所缺少的对象模型，svg parser，交互和一整套其他不可

Fabric.js 中文文档 概述 Fabric.js 是一个简单而强大的 JavaScript HTML5 canvas 库，用于处理 canvas 元素上的图形和交互。它提供了一个交互式的对象模型

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

故事要从我学习 Fabric.js 官网开始。 官网教程有这么一段代码： 代码很好理解，创建一个图形然后修改位置。 但是问题来了，当我想在官方文档查找 set 方法的具体用法时，我死活找不到！