主流 Canvas 库对比：Fabric.js、Konva.js 和 Pixi.js

Fabric.js、Konva.js 和 Pixi.js 都是用于在网页上创建2D图形界面的库，但它们各有优势和不同的应用场景。

1. Fabric.js：Fabric.js 是一个强大的库，提供了丰富的图形和文本支持，以及交互式的用户界面。它支持SVG和Canvas。Fabric.js 的主要优势在于它的灵活性和可定制性。
2. Konva.js：Konva.js 是一个快速、简单的2D绘图库，主要用于创建高性能的桌面和移动网页应用。它专注于渲染性能，并且可以很好地与React、Vue和Angular等现代前端框架集成。
3. Pixi.js：Pixi.js 是一个快速的2D渲染引擎，主要用于创建高性能的桌面和移动网页游戏。它专注于移动设备的性能优化，并且提供了丰富的渲染特性。

对于对比这三个库，主要关注点可能包括性能、功能完备性、生态系统和学习曲线。

以下是一个简单的Fabric.js示例，创建一个可拖动的圆形对象：

// 引入Fabric.js库
const { Fabric } = require('fabric');
 
// 创建Canvas实例
const canvas = new Fabric.Canvas('c');
 
// 创建圆形对象
const circle = new Fabric.Circle({
  radius: 20,
  fill: 'red',
  left: 100,
  top: 100
});
 
// 将圆形对象添加到Canvas上
canvas.add(circle);
 
// 使圆形对象可拖动
circle.set({ selectable: true });

以上代码创建了一个红色的圆形，并将其添加到了一个HTML元素（ID为'c'）中，使得该圆形可以被用户拖动。