@fetaoily/fabricjs-extra/lib/YxExtShapeSquare.js

@fetaoily/fabricjs-extra

/* eslint-disable */
module.exports = ({ fabric }) => {
  if (fabric.YxExtShapeSquare) {
    fabric.warn('fabric.YxExtShapeSquare is already defined');
    return;
  }
  fabric.YxExtShapeSquare = fabric.util.createClass(fabric.Rect, {
    typeForYxExt: 'YxExtShapeSquare',
    isYxExtShape: true,
    strokeDashArray: [],
    toObject: function (propertiesToInclude) {
      return fabric.util.object.extend(this.callSuper('toObject', propertiesToInclude), {
        typeForYxExt: this.typeForYxExt,
        isYxExtShape: this.isYxExtShape
      });
    },
    __YxExtHandleMouseDown (options) {
      let { x, y } = options.pointer;
      let stroke = this.canvas.freeDrawingBrush.color || 'red';
      let strokeWidth = this.canvas.freeDrawingBrush.width || 3;
      this.set({
        top: y,
        left: x,
        width: 0,
        height: 0,
        fill: null,
        stroke,
        strokeWidth,
        selectable: false,
      });
    },
    __YxExtHandleMouseMove (options) {
      let { x, y } = options.pointer;
      if (x <= 0 && y <= 0) {
        return;
      }
      let { top, left } = this;
      let width = height = Math.max(Math.abs(x - left), Math.abs(y - top));
      this.set({ width, height });
    },
    __YxExtHandleMouseUp (options) {
      let { width, height } = this;
      if (width === 0 || height === 0) {
        this.canvas.remove(this);
        return
      }
      this.setCoords()
    }
  });
};