上一篇我做了一个在线白板！给大家介绍了一下矩形的绘制、选中、拖动、旋转、伸缩，以及放大缩小、网格模式、导出图片等功能，本文继续为各位介绍一下箭头的绘制、自由书写、文字的绘制，以及如何按比例缩放文字图片

在Fabric.js中自由绘制矩形就是想象中那么简单。重点是用好“mouse:down”和“mouse:up”

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

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

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

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

「这是我参与11月更文挑战的第2天，活动详情查看：2021最后一次更文挑战」 相关库：socket.io、fabricjs 思路 A通过socket链接传输canvas数据,express做转发，B监

本文阿宝哥分析了 Excalidraw 这款在线绘图工具，所提供的一些不错功能背后使用的技术。了解并掌握了这些相关技术之后，在今后的工作中也许就会有用武之地。

之前使用这个框架写过一个卡片DIY的项目，中间遇到很多问题都只能通过google或github issues才能解决，国内资料较少，所以才想写这篇文章来简单的做下总结，希望可以帮到其他人哈。 Fabric.js 是一个强大的H5 canvas框架，在原生canvas之上提供了交…