借助第三方库：使用 fabricjs 实现矩形绘制和拖动
对于在画布上绘制和拖动矩形并能够调整其长宽的需求，强烈建议使用 FabricJS 库。这个老牌的 Canvas 库提供了类似 jQuery 的功能，可以大大简化操作 Canvas 元素。
利用 FabricJS，您可以轻松实现以下功能：
- 创建和绘制矩形
- 通过拖拽操作移动矩形
- 通过点击矩形顶点或边缘调整其长宽
FabricJS 的使用方法非常简单，首先需要在页面中引入库文件。然后，通过实例化 Fabric.Canvas 对象，就可以开始在画布上进行操作。以下是一个示例代码：
// 创建 Fabric 画布
var canvas = new fabric.Canvas('my-canvas');
// 绘制矩形
var rectangle = new fabric.Rect({
width: 100,
height: 100,
fill: 'red'
});
canvas.add(rectangle);要使矩形可拖动，只需设置 selectable 和 hasControls 参数为 true 即可。
rectangle.set({
selectable: true,
hasControls: true
});FabricJS 提供了丰富的 API，可以满足您在 Canvas 上进行操作的各种需求，包括缩放、旋转和分组等功能。通过结合 FabricJS 的强大功能，您可以轻松实现各种交互式图形应用。
