如何使用Fabric.js进行图形绘制和编辑？

本文共计1022个文字，预计阅读时间需要5分钟。

目录+ 本文字简述+ 动手试试+ hasControls 和 hasBorders 的区别+ StaticCanvas 的区别+ 总结+ 本文字简述fabric.js 为我们提供了丰富的功能和方法。今日重点：- 搞清楚 canvas.interactive 的作用。

目录

• 本文简介
• 动手试试
• 和 hasControls 、hasBorders 的区别
• 和 StaticCanvas 的区别
• 总结

本文简介

fabric.js 为我们提供了很多厉害的方法。今天要搞明白的一个东西是 canvas.interactive 。

官方文档对 canvas.interactive 的解释是：

Indicates that canvas is interactive. This property should not be changed.

canvas.interactive 默认值是 true ，官方建议我们不要修改该值，但我偏不。

动手试试

先来看看将 interactive 设为 false 之后有什么效果。

创建一个画布，并在上面添加一个矩形。