相信各位写文章的朋友平时肯定都有画图的需求，笔者平时用的是一个在线的手绘风格白板--excalidraw，使用体验上没的说，但是有一个问题，不能云端保存，不过好消息它是开源的，所以笔者就在想要不要基于

基于canvas实现的多功能画板，目前已完成第一版，功能包括画笔、橡皮擦、撤回、清除画板、保存、图层、拖拽...

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

有时候我们想实现一个绘画板，如果用原生的canvas来实现，代码量会比较大，而且还要处理很多细节。 这时候我们可以使用fabric.js来实现，它自带绘画板功能，只需要我们打开它的绘画板功能即可。

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

什么是fabric fabric是一个功能强大的JavaScript库,运行在HTML5 canvas上。fabric为canvas提供了一个交互式对象模型，以及一个svg-to-canvas解析器。

本文是 100+前端几何学应用案例 专栏的第二篇文章, 今天分享一下从零搭建一款可视化几何画板, 采用大家最熟悉的vue3和typescript来实现

即1.0之后2.0又追加了图形工具和前进功能，一开始想着也就那样，很容易就撸出来了，其实在图形的撤回那一块，爬了好一会坑才越过去。

当客户在使用我们的产品过程中，遇到问题需要向我们反馈时，如果用纯文字的形式描述，我们很难懂客户的意思，要是能配上问题截图，这样我们就能很清楚的知道客户的问题了。 那么，我们就需要为我们的产品实现一个自定义截屏的功能，用户点完"截图"按钮后，框选任意区域，随后在框选的区域内进行圈…