刮刮卡大家应该都玩过吧，还记得小时候的小卖部总会有各种各样的刮卡抽奖活动，刮卡时那心跳的感觉让我们更加的欲罢不能，通过canvas我们可以很方便的实现一个刮刮卡的功能效果，那么不使用canvas的话呢

这是今年三月份帮学长做的一个项目，陪我度过了两个月的春招生活，整个项目做下来也是学到了很多东西，下面就开始我的分享啦，包括一些知识点总结和遇到的坑，dalao莫笑哈。 主要功能如上图，左边是图形工具栏，右边是canvas，上面是清除、删除、旋转、切换格子背景、保存并下载图片的操…

实现一个图片编辑组件，包含画笔、记号笔、折线、矩形、马赛克、裁剪、编辑历史记录(撤销和重做)、更改颜色和线宽功能，以及取消编辑和保存。未经作者授权禁止转载！

使用fabric.js开发在线画板（一） Fabric.js介绍 Fabric.js是一款canvas类库，对canvas的api进行了封装，更方便我们使用。正如官网上所说的Fabric.js 是一个

使用fabric.js开发了图片编辑器，用文字加动图的形式直观的分享出来，帮助做功能参考，项目已开源。

编辑器和图库的整合，使得设计变得更加容易了。项目的初心也很明确，回馈给社区一份好的设计工具，提高设计圈的创造力。 目前的版本有裁剪、文本、滤镜三种功能，后期还会继续迭代，用来增强用户体验和丰富功能。 整个项目是围绕React + Fabric.js来构建的，此外还使用了Redu…

🦄 虽然 Fabric.js 提供的基础功能已经很丰富了，但有时难免需要定制一些需求。比如本文要讲的 『自定义控件』。

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

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