@benson.liao/react-design-editor/lib/handlers/AlignmentHandler.js

Design Editor Tools with React.js + ant.design + fabric.js

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
class AlignmentHandler {
    constructor(handler) {
        /**
         * Align left at selection
         */
        this.left = () => {
            const activeObject = this.handler.canvas.getActiveObject();
            if (activeObject && activeObject.type === 'activeSelection') {
                const activeSelection = activeObject;
                const activeObjectLeft = -(activeObject.width / 2);
                activeSelection.forEachObject(obj => {
                    obj.set({
                        left: activeObjectLeft,
                    });
                    obj.setCoords();
                    this.handler.canvas.renderAll();
                });
            }
        };
        /**
         * Align center at selection
         */
        this.center = () => {
            const activeObject = this.handler.canvas.getActiveObject();
            if (activeObject && activeObject.type === 'activeSelection') {
                const activeSelection = activeObject;
                activeSelection.forEachObject(obj => {
                    obj.set({
                        left: 0 - ((obj.width * obj.scaleX) / 2),
                    });
                    obj.setCoords();
                    this.handler.canvas.renderAll();
                });
            }
        };
        /**
         * Align right at selection
         */
        this.right = () => {
            const activeObject = this.handler.canvas.getActiveObject();
            if (activeObject && activeObject.type === 'activeSelection') {
                const activeSelection = activeObject;
                const activeObjectLeft = (activeObject.width / 2);
                activeSelection.forEachObject(obj => {
                    obj.set({
                        left: activeObjectLeft - (obj.width * obj.scaleX),
                    });
                    obj.setCoords();
                    this.handler.canvas.renderAll();
                });
            }
        };
        this.handler = handler;
    }
}
exports.default = AlignmentHandler;