import './index.css'
import { useEffect } from 'react'
// import { fabric } from 'fabric'

function Fabric() {
  // useEffect(() => {
    // var canvas =new fabric.Canvas('canvas-container');

    // var rect = new fabric.Rect({
    //   left:100,//距离画布左侧的距离，单位是像素
    //   top:100,//距离画布上边的距离
    //   fill:'red',//填充的颜色
    //   width:30,//方形的宽度
    //   height:30//方形的高度
    // })
    // canvas.add(rect)

  // })

  return (
    <>
      <div className="container">
        <p>画布</p>
        <canvas id="canvas-container">3</canvas>
      </div>
    </>
  )
}

export default Fabric
