添加元素时，设置属性：

originX: 'center',
originY: 'center',

如我定义两个矩形：

    addrect () { // 矩形1
      var rect = new fabric.Rect({
        top: 50,
        left: 100,
        width: 100,
        height: 70,
        fill: '#F56C6C',
        strokeUniform: true // 限制边框宽度缩放
      })
      canvas.add(rect)
    },
    addrect2 () { // 矩形2
      var rect = new fabric.Rect({
        top: 50,
        left: 100,
        width: 100,
        height: 70,
        fill: '#F56C6C',
        originX: 'center', /* 设置x轴绘制中心点 */
        originY: 'center', /* 设置y轴绘制中心点 */
        strokeUniform: true // 限制边框宽度缩放
      })
      canvas.add(rect)
    },

图形效果如图

recti1 未设置originX: 'center',originY: 'center'，left和top为绘制图形起始点；
recti1设置originX: 'center',originY: 'center',left和top为绘制图形中心原点。