plot-plan-designer/lib/esm/components/canvas/objects/Line.js

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

import { fabric } from 'fabric';
const Line = fabric.util.createClass(fabric.Line, {
    type: 'line',
    superType: 'drawing',
    initialize(points, options) {
        if (!points) {
            const { x1, x2, y1, y2 } = options;
            points = [x1, y1, x2, y2];
        }
        options = options || {};
        this.callSuper('initialize', points, options);
    },
    _render(ctx) {
        this.callSuper('_render', ctx);
    },
});
Line.fromObject = (options, callback) => {
    const { x1, x2, y1, y2 } = options;
    return callback(new Line([x1, y1, x2, y2], options));
};
window.fabric.Line = Line;
export default Line;