Fabric.js在vue2中使用

Fabric.js 是一个强大的canvas库，可以用来创建、修改和操作canvas元素。在Vue2中使用Fabric.js，你需要首先安装Fabric.js依赖，然后在Vue组件中导入并使用它。

以下是在Vue2项目中使用Fabric.js的步骤：

1. 安装Fabric.js：

npm install fabric --save

2. 在Vue组件中导入Fabric.js并使用：

<template>
  <canvas ref="canvas" width="500" height="500"></canvas>
</template>
 
<script>
import { fabric } from 'fabric';
 
export default {
  name: 'CanvasComponent',
  mounted() {
    const canvas = new fabric.Canvas(this.$refs.canvas);
    const circle = new fabric.Circle({
      radius: 100,
      fill: 'blue',
      left: 100,
      top: 100
    });
    canvas.add(circle);
  }
}
</script>

在这个例子中，我们在Vue组件的mounted钩子中创建了一个Fabric.js的Canvas实例，并在这个Canvas上添加了一个圆形对象。这个组件在被挂载到DOM后，会在<canvas>元素上初始化Fabric.js实例，并绘制一个蓝色的圆。