react-fabric-canvas-designer/dist/Objects/LineObj.js

A React-based wrapper for Fabric.js to create interactive and customizable canvas-based designs. This library provides tools for drawing, editing, and managing objects on a canvas with React-friendly APIs.

import { bindThisInAllObjFn } from "../helpers/helpers";
import { WrapperFabric } from "./WrapperFabric";
export class LineObj extends WrapperFabric {
    constructor(obj) {
        super(obj);
        Object.defineProperty(this, "obj", {
            enumerable: true,
            configurable: true,
            writable: true,
            value: void 0
        });
        this.propertyListMap = { ...this.propertyListMap, "borderColor": this.setBorderColor, "borderWidth": this.setBorderWidth, };
        this.obj = obj;
        bindThisInAllObjFn(this, this.propertyListMap);
    }
    setBorderColor(color) {
        this.obj.set("stroke", color);
        //this.obj.setCoords()
    }
    setBorderWidth(width) {
        // if (!width)
        //     width = 0
        this.obj.set("strokeWidth", width);
        //this.obj.setCoords()
    }
    getObjectValues() {
        return { ...super.getObjectValues(), borderColor: { type: "color", value: this.obj.stroke || "" }, borderWidth: { type: "number", step: 1, value: this.obj.strokeWidth } };
    }
}