plot-plan-designer/lib/cjs/components/canvas/handlers/GuidelineHandler.d.ts

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

import Handler from './Handler';
import { FabricObject } from '../utils';
declare class GuidelineHandler {
    handler: Handler;
    verticalLines: {
        x?: number;
        y1?: number;
        y2?: number;
    }[];
    horizontalLines: {
        y?: number;
        x1?: number;
        x2?: number;
    }[];
    ctx: CanvasRenderingContext2D;
    viewportTransform: number[];
    aligningLineOffset: number;
    aligningLineMargin: number;
    aligningLineWidth: number;
    aligningLineColor: string;
    zoom: number;
    constructor(handler: Handler);
    /**
     * Initialize guideline handler
     *
     */
    initialize(): void;
    /**
     * Destroy guideline handler
     *
     * @author salgum1114
     */
    destroy(): void;
    /**
     * Before the render
     */
    beforeRender: () => void;
    /**
     * After the render
     */
    afterRender: () => void;
    drawVerticalLine: (coords: {
        x?: number;
        y1?: number;
        y2?: number;
    }) => void;
    drawHorizontalLine: (coords: {
        y?: number;
        x1?: number;
        x2?: number;
    }) => void;
    drawLine: (x1: number, y1: number, x2: number, y2: number) => void;
    isInRange: (v1: number, v2: number) => boolean;
    movingGuidelines: (target: FabricObject) => void;
    scalingGuidelines: () => void;
}
export default GuidelineHandler;