@nasser-sw/fabric 7.0.1-beta3 → 7.0.1-beta4

package/dist/src/shapes/Line.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Line.mjs","sources":["../../../src/shapes/Line.ts"],"sourcesContent":["import { SHARED_ATTRIBUTES } from '../parser/attributes';\nimport { parseAttributes } from '../parser/parseAttributes';\nimport type { Abortable, TClassProperties, TOptions } from '../typedefs';\nimport { classRegistry } from '../ClassRegistry';\nimport { FabricObject, cacheProperties } from './Object/FabricObject';\nimport { Point } from '../Point';\nimport { isFiller } from '../util/typeAssertions';\nimport type { FabricObjectProps, SerializedObjectProps } from './Object/types';\nimport type { ObjectEvents } from '../EventTypeDefs';\nimport { makeBoundingBoxFromPoints } from '../util';\nimport { CENTER, LEFT, TOP } from '../constants';\nimport type { CSSRules } from '../parser/typedefs';\n\n// @TODO this code is terrible and Line should be a special case of polyline.\n\nconst coordProps = ['x1', 'x2', 'y1', 'y2'] as const;\n\ninterface UniqueLineProps {\n  x1: number;\n  x2: number;\n  y1: number;\n  y2: number;\n}\n\nexport interface SerializedLineProps\n  extends SerializedObjectProps,\n    UniqueLineProps {}\n\n/**\n * A Class to draw a line\n * A bunch of methods will be added to Polyline to handle the line case\n * The line class is very strange to work with, is all special, it hardly aligns\n * to what a developer want everytime there is an angle\n * @deprecated\n */\nexport class Line<\n    Props extends TOptions<FabricObjectProps> = Partial<FabricObjectProps>,\n    SProps extends SerializedLineProps = SerializedLineProps,\n    EventSpec extends ObjectEvents = ObjectEvents,\n  >\n  extends FabricObject<Props, SProps, EventSpec>\n  implements UniqueLineProps\n{\n  /**\n   * x value or first line edge\n   * @type number\n   */\n  declare x1: number;\n\n  /**\n   * y value or first line edge\n   * @type number\n   */\n  declare y1: number;\n\n  /**\n   * x value or second line edge\n   * @type number\n   */\n  declare x2: number;\n\n  /**\n   * y value or second line edge\n   * @type number\n   */\n  declare y2: number;\n\n  static type = 'Line';\n\n  static cacheProperties = [...cacheProperties, ...coordProps];\n  /**\n   * Constructor\n   * @param {Array} [points] Array of points\n   * @param {Object} [options] Options object\n   * @return {Line} thisArg\n   */\n  constructor([x1, y1, x2, y2] = [0, 0, 0, 0], options: Partial<Props> = {}) {\n    super();\n    Object.assign(this, Line.ownDefaults);\n    this.setOptions(options);\n    this.x1 = x1;\n    this.x2 = x2;\n    this.y1 = y1;\n    this.y2 = y2;\n    this._setWidthHeight();\n    const { left, top } = options;\n    typeof left === 'number' && this.set(LEFT, left);\n    typeof top === 'number' && this.set(TOP, top);\n  }\n\n  /**\n   * @private\n   * @param {Object} [options] Options\n   */\n  _setWidthHeight() {\n    const { x1, y1, x2, y2 } = this;\n    this.width = Math.abs(x2 - x1);\n    this.height = Math.abs(y2 - y1);\n    const { left, top, width, height } = makeBoundingBoxFromPoints([\n      { x: x1, y: y1 },\n      { x: x2, y: y2 },\n    ]);\n    const position = new Point(left + width / 2, top + height / 2);\n    this.setPositionByOrigin(position, CENTER, CENTER);\n  }\n\n  /**\n   * @private\n   * @param {String} key\n   * @param {*} value\n   */\n  _set(key: string, value: any) {\n    super._set(key, value);\n    if (coordProps.includes(key as keyof UniqueLineProps)) {\n      // this doesn't make sense very much, since setting x1 when top or left\n      // are already set, is just going to show a strange result since the\n      // line will move way more than the developer expect.\n      // in fabric5 it worked only when the line didn't have extra transformations,\n      // in fabric6 too. With extra transform they behave bad in different ways.\n      // This needs probably a good rework or a tutorial if you have to create a dynamic line\n      this._setWidthHeight();\n    }\n    return this;\n  }\n\n  /**\n   * @private\n   * @param {CanvasRenderingContext2D} ctx Context to render on\n   */\n  _render(ctx: CanvasRenderingContext2D) {\n    ctx.beginPath();\n\n    const p = this.calcLinePoints();\n    ctx.moveTo(p.x1, p.y1);\n    ctx.lineTo(p.x2, p.y2);\n\n    ctx.lineWidth = this.strokeWidth;\n\n    // TODO: test this\n    // make sure setting \"fill\" changes color of a line\n    // (by copying fillStyle to strokeStyle, since line is stroked, not filled)\n    const origStrokeStyle = ctx.strokeStyle;\n    if (isFiller(this.stroke)) {\n      ctx.strokeStyle = this.stroke.toLive(ctx)!;\n    } else {\n      ctx.strokeStyle = this.stroke ?? ctx.fillStyle;\n    }\n    this.stroke && this._renderStroke(ctx);\n    ctx.strokeStyle = origStrokeStyle;\n  }\n\n  /**\n   * This function is an helper for svg import. it returns the center of the object in the svg\n   * untransformed coordinates\n   * @private\n   * @return {Point} center point from element coordinates\n   */\n  _findCenterFromElement(): Point {\n    return new Point((this.x1 + this.x2) / 2, (this.y1 + this.y2) / 2);\n  }\n\n  /**\n   * Returns object representation of an instance\n   * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\n   * @return {Object} object representation of an instance\n   */\n  toObject<\n    T extends Omit<Props & TClassProperties<this>, keyof SProps>,\n    K extends keyof T = never,\n  >(propertiesToInclude: K[] = []): Pick<T, K> & SProps {\n    return {\n      ...super.toObject(propertiesToInclude),\n      ...this.calcLinePoints(),\n    };\n  }\n\n  /*\n   * Calculate object dimensions from its properties\n   * @private\n   */\n  _getNonTransformedDimensions(): Point {\n    const dim = super._getNonTransformedDimensions();\n    if (this.strokeLineCap === 'butt') {\n      if (this.width === 0) {\n        dim.y -= this.strokeWidth;\n      }\n      if (this.height === 0) {\n        dim.x -= this.strokeWidth;\n      }\n    }\n    return dim;\n  }\n\n  /**\n   * Recalculates line points given width and height\n   * Those points are simply placed around the center,\n   * This is not useful outside internal render functions and svg output\n   * Is not meant to be for the developer.\n   * @private\n   */\n  calcLinePoints(): UniqueLineProps {\n    const { x1: _x1, x2: _x2, y1: _y1, y2: _y2, width, height } = this;\n    const xMult = _x1 <= _x2 ? -1 : 1,\n      yMult = _y1 <= _y2 ? -1 : 1,\n      x1 = (xMult * width) / 2,\n      y1 = (yMult * height) / 2,\n      x2 = (xMult * -width) / 2,\n      y2 = (yMult * -height) / 2;\n\n    return {\n      x1,\n      x2,\n      y1,\n      y2,\n    };\n  }\n\n  /* _FROM_SVG_START_ */\n\n  /**\n   * Returns svg representation of an instance\n   * @return {Array} an array of strings with the specific svg representation\n   * of the instance\n   */\n  _toSVG() {\n    const { x1, x2, y1, y2 } = this.calcLinePoints();\n    return [\n      '<line ',\n      'COMMON_PARTS',\n      `x1=\"${x1}\" y1=\"${y1}\" x2=\"${x2}\" y2=\"${y2}\" />\\n`,\n    ];\n  }\n\n  /**\n   * List of attribute names to account for when parsing SVG element (used by {@link Line.fromElement})\n   * @see http://www.w3.org/TR/SVG/shapes.html#LineElement\n   */\n  static ATTRIBUTE_NAMES = SHARED_ATTRIBUTES.concat(coordProps);\n\n  /**\n   * Returns Line instance from an SVG element\n   * @param {HTMLElement} element Element to parse\n   * @param {Object} [options] Options object\n   * @param {Function} [callback] callback function invoked after parsing\n   */\n  static async fromElement(\n    element: HTMLElement,\n    options?: Abortable,\n    cssRules?: CSSRules,\n  ) {\n    const {\n      x1 = 0,\n      y1 = 0,\n      x2 = 0,\n      y2 = 0,\n      ...parsedAttributes\n    } = parseAttributes(element, this.ATTRIBUTE_NAMES, cssRules);\n    return new this([x1, y1, x2, y2], parsedAttributes);\n  }\n\n  /* _FROM_SVG_END_ */\n\n  /**\n   * Returns Line instance from an object representation\n   * @param {Object} object Object to create an instance from\n   * @returns {Promise<Line>}\n   */\n  static fromObject<T extends TOptions<SerializedLineProps>>({\n    x1,\n    y1,\n    x2,\n    y2,\n    ...object\n  }: T) {\n    return this._fromObject<Line>(\n      {\n        ...object,\n        points: [x1, y1, x2, y2],\n      },\n      {\n        extraParam: 'points',\n      },\n    );\n  }\n}\n\nclassRegistry.setClass(Line);\nclassRegistry.setSVGClass(Line);\n"],"names":["coordProps","Line","FabricObject","constructor","x1","y1","x2","y2","arguments","length","undefined","options","Object","assign","ownDefaults","setOptions","_setWidthHeight","left","top","set","LEFT","TOP","width","Math","abs","height","makeBoundingBoxFromPoints","x","y","position","Point","setPositionByOrigin","CENTER","_set","key","value","includes","_render","ctx","beginPath","p","calcLinePoints","moveTo","lineTo","lineWidth","strokeWidth","origStrokeStyle","strokeStyle","isFiller","stroke","toLive","_this$stroke","fillStyle","_renderStroke","_findCenterFromElement","toObject","propertiesToInclude","_getNonTransformedDimensions","dim","strokeLineCap","_x1","_x2","_y1","_y2","xMult","yMult","_toSVG","fromElement","element","cssRules","parsedAttributes","parseAttributes","ATTRIBUTE_NAMES","fromObject","_ref","object","_fromObject","points","extraParam","_defineProperty","cacheProperties","SHARED_ATTRIBUTES","concat","classRegistry","setClass","setSVGClass"],"mappings":"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"}
+{"version":3,"file":"Line.mjs","sources":["../../../src/shapes/Line.ts"],"sourcesContent":["import { SHARED_ATTRIBUTES } from '../parser/attributes';\nimport { parseAttributes } from '../parser/parseAttributes';\nimport type { Abortable, TClassProperties, TOptions } from '../typedefs';\nimport { classRegistry } from '../ClassRegistry';\nimport { FabricObject, cacheProperties } from './Object/FabricObject';\nimport { Point } from '../Point';\nimport { isFiller } from '../util/typeAssertions';\nimport type { FabricObjectProps, SerializedObjectProps } from './Object/types';\nimport type { ObjectEvents } from '../EventTypeDefs';\nimport { makeBoundingBoxFromPoints } from '../util';\nimport { CENTER, LEFT, TOP } from '../constants';\nimport type { CSSRules } from '../parser/typedefs';\nimport { Control } from '../controls/Control';\nimport type { TPointerEvent, Transform } from '../EventTypeDefs';\n\nconst coordProps = ['x1', 'x2', 'y1', 'y2'] as const;\n\ninterface UniqueLineCoords {\n  x1: number;\n  x2: number;\n  y1: number;\n  y2: number;\n}\n\nexport interface SerializedLineProps\n  extends SerializedObjectProps,\n    UniqueLineCoords {}\n\nexport class Line< \n    Props extends TOptions<FabricObjectProps> = Partial<FabricObjectProps>,\n    SProps extends SerializedLineProps = SerializedLineProps,\n    EventSpec extends ObjectEvents = ObjectEvents\n  >\n  extends FabricObject<Props, SProps, EventSpec>\n  implements UniqueLineCoords\n{\n  declare x1: number;\n  declare y1: number;\n  declare x2: number;\n  declare y2: number;\n\n  hitStrokeWidth: number | 'auto' = 'auto';\n\n  private _updatingEndpoints = false;\n  private _useEndpointCoords = true;\n\n  static type = 'Line';\n  static cacheProperties = [...cacheProperties, ...coordProps];\n\n  constructor([x1, y1, x2, y2] = [0, 0, 100, 0], options: Partial<Props & {hitStrokeWidth?: number | 'auto'}> = {}) {\n    super();\n    this.setOptions(options);\n    this.x1 = x1;\n    this.x2 = x2;\n    this.y1 = y1;\n    this.y2 = y2;\n\n    if (options.hitStrokeWidth !== undefined) {\n      this.hitStrokeWidth = options.hitStrokeWidth;\n    }\n\n    this.hasBorders = false;\n    this.hasControls = true;\n    this.selectable = true;\n    this.hoverCursor = 'move';\n    this.perPixelTargetFind = false;\n    this.strokeLineCap = 'butt';\n\n    this._setWidthHeight();\n    const { left, top } = options;\n    typeof left === 'number' && this.set(LEFT, left);\n    typeof top === 'number' && this.set(TOP, top);\n    this._setupLineControls();\n  }\n\n  _setupLineControls() {\n    this.controls = {\n      p1: new Control({\n        x: 0,\n        y: 0,\n        cursorStyle: 'move',\n        actionHandler: this._endpointActionHandler.bind(this),\n        positionHandler: this._p1PositionHandler.bind(this),\n        render: this._renderEndpointControl.bind(this),\n        sizeX: 12,\n        sizeY: 12,\n      }),\n      p2: new Control({\n        x: 0,\n        y: 0,\n        cursorStyle: 'move',\n        actionHandler: this._endpointActionHandler.bind(this),\n        positionHandler: this._p2PositionHandler.bind(this),\n        render: this._renderEndpointControl.bind(this),\n        sizeX: 12,\n        sizeY: 12,\n      }),\n    };\n  }\n\n  _p1PositionHandler() {\n    const vpt = this.canvas?.viewportTransform || [1, 0, 0, 1, 0, 0];\n    return new Point(this.x1, this.y1).transform(vpt);\n  }\n\n  _p2PositionHandler() {\n    const vpt = this.canvas?.viewportTransform || [1, 0, 0, 1, 0, 0];\n    return new Point(this.x2, this.y2).transform(vpt);\n  }\n\n  _renderEndpointControl(\n    ctx: CanvasRenderingContext2D,\n    left: number,\n    top: number\n  ) {\n    const size = 12;\n    ctx.save();\n    ctx.fillStyle = '#007bff';\n    ctx.strokeStyle = '#ffffff';\n    ctx.lineWidth = 2;\n    ctx.beginPath();\n    ctx.arc(left, top, size / 2, 0, 2 * Math.PI);\n    ctx.fill();\n    ctx.stroke();\n    ctx.restore();\n  }\n\n  drawBorders(ctx: CanvasRenderingContext2D, styleOverride: any = {}) {\n    if (this._useEndpointCoords) {\n      this._drawLineBorders(ctx, styleOverride);\n      return this;\n    }\n    return super.drawBorders(ctx, styleOverride, {});\n  }\n\n  _drawLineBorders(ctx: CanvasRenderingContext2D, styleOverride: any = {}) {\n    const vpt = this.canvas?.viewportTransform || [1, 0, 0, 1, 0, 0];\n    ctx.save();\n    ctx.setTransform(vpt[0], vpt[1], vpt[2], vpt[3], vpt[4], vpt[5]);\n    ctx.strokeStyle =\n      styleOverride.borderColor || this.borderColor || 'rgba(100, 200, 200, 0.5)';\n    ctx.lineWidth = (this.strokeWidth || 1) + 5;\n    ctx.lineCap = this.strokeLineCap || 'butt';\n    ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1;\n    ctx.beginPath();\n    ctx.moveTo(this.x1, this.y1);\n    ctx.lineTo(this.x2, this.y2);\n    ctx.stroke();\n    ctx.restore();\n  }\n\n  _renderControls(ctx: CanvasRenderingContext2D, styleOverride: any = {}) {\n    ctx.save();\n    ctx.globalAlpha = this.isMoving ? this.borderOpacityWhenMoving : 1;\n    this.drawControls(ctx, styleOverride);\n    ctx.restore();\n  }\n\n  getBoundingRect() {\n    if (this._useEndpointCoords) {\n      const { x1, y1, x2, y2 } = this;\n      const effectiveStrokeWidth =\n        this.hitStrokeWidth === 'auto'\n          ? this.strokeWidth\n          : this.hitStrokeWidth;\n      const padding = Math.max(effectiveStrokeWidth / 2 + 5, 10);\n      return {\n        left: Math.min(x1, x2) - padding,\n        top: Math.min(y1, y2) - padding,\n        width: Math.abs(x2 - x1) + padding * 2 || padding * 2,\n        height: Math.abs(y2 - y1) + padding * 2 || padding * 2,\n      };\n    }\n    return super.getBoundingRect();\n  }\n\n  setCoords() {\n    if (this._useEndpointCoords) {\n      const minX = Math.min(this.x1, this.x2);\n      const maxX = Math.max(this.x1, this.x2);\n      const minY = Math.min(this.y1, this.y2);\n      const maxY = Math.max(this.y1, this.y2);\n      const effectiveStrokeWidth =\n        this.hitStrokeWidth === 'auto'\n          ? this.strokeWidth\n          : this.hitStrokeWidth;\n      const hitPadding = Math.max(effectiveStrokeWidth / 2 + 5, 10);\n      this.left = minX - hitPadding + (maxX - minX + hitPadding * 2) / 2;\n      this.top = minY - hitPadding + (maxY - minY + hitPadding * 2) / 2;\n      this.width = Math.abs(this.x2 - this.x1) + hitPadding * 2;\n      this.height = Math.abs(this.y2 - this.y1) + hitPadding * 2;\n    }\n    super.setCoords();\n  }\n\n  getCoords(): [Point, Point, Point, Point] {\n    if (this._useEndpointCoords) {\n      const deltaX = this.x2 - this.x1;\n      const deltaY = this.y2 - this.y1;\n      const length = Math.sqrt(deltaX * deltaX + deltaY * deltaY);\n      \n      if (length === 0) {\n        return super.getCoords() as [Point, Point, Point, Point];\n      }\n      \n      const effectiveStrokeWidth = this.hitStrokeWidth === 'auto' \n        ? this.strokeWidth \n        : this.hitStrokeWidth;\n      const halfWidth = Math.max(effectiveStrokeWidth / 2 + 2, 5);\n      \n      // Unit vector perpendicular to line\n      const perpX = -deltaY / length;\n      const perpY = deltaX / length;\n      \n      // Four corners of oriented rectangle\n      return [\n        new Point(this.x1 + perpX * halfWidth, this.y1 + perpY * halfWidth),\n        new Point(this.x2 + perpX * halfWidth, this.y2 + perpY * halfWidth),\n        new Point(this.x2 - perpX * halfWidth, this.y2 - perpY * halfWidth),\n        new Point(this.x1 - perpX * halfWidth, this.y1 - perpY * halfWidth),\n      ];\n    }\n    return super.getCoords() as [Point, Point, Point, Point];\n  }\n\n  containsPoint(point: Point): boolean {\n    if (this._useEndpointCoords) {\n      if (this.canvas?.getActiveObject() === this) {\n        return super.containsPoint(point);\n      }\n      const distance = this._distanceToLineSegment(point.x, point.y);\n      const effectiveStrokeWidth = this.hitStrokeWidth === 'auto' \n        ? this.strokeWidth \n        : this.hitStrokeWidth || 1;\n      \n      const tolerance = Math.max(effectiveStrokeWidth / 2 + 2, 5);\n      return distance <= tolerance;\n    }\n    return super.containsPoint(point);\n  }\n\n  _distanceToLineSegment(px: number, py: number): number {\n    const x1 = this.x1, y1 = this.y1, x2 = this.x2, y2 = this.y2;\n    \n    const pd2 = (x1 - x2) * (x1 - x2) + (y1 - y2) * (y1 - y2);\n    if (pd2 === 0) {\n      return Math.sqrt((px - x1) * (px - x1) + (py - y1) * (py - y1));\n    }\n    \n    const u = ((px - x1) * (x2 - x1) + (py - y1) * (y2 - y1)) / pd2;\n    \n    let closestX: number, closestY: number;\n    if (u < 0) {\n      closestX = x1;\n      closestY = y1;\n    } else if (u > 1) {\n      closestX = x2;\n      closestY = y2;\n    } else {\n      closestX = x1 + u * (x2 - x1);\n      closestY = y1 + u * (y2 - y1);\n    }\n    \n    return Math.sqrt((px - closestX) * (px - closestX) + (py - closestY) * (py - closestY));\n  }\n\n  _endpointActionHandler(\n    eventData: TPointerEvent,\n    transformData: Transform,\n    x: number,\n    y: number\n  ) {\n    const controlKey = transformData.corner;\n    const pointer = new Point(x, y);\n    let newX = pointer.x;\n    let newY = pointer.y;\n\n    if (eventData.shiftKey) {\n      const otherControl = controlKey === 'p1' ? 'p2' : 'p1';\n      const otherX = this[otherControl === 'p1' ? 'x1' : 'x2'];\n      const otherY = this[otherControl === 'p1' ? 'y1' : 'y2'];\n      const snapped = this._snapToAngle(otherX, otherY, newX, newY);\n      newX = snapped.x;\n      newY = snapped.y;\n    }\n\n    if (this._useEndpointCoords) {\n      if (controlKey === 'p1') {\n        this.x1 = newX;\n        this.y1 = newY;\n      } else if (controlKey === 'p2') {\n        this.x2 = newX;\n        this.y2 = newY;\n      }\n      this.dirty = true;\n      this.setCoords();\n      this.canvas?.requestRenderAll();\n      return true;\n    }\n\n    // Fallback for old system\n    this._updatingEndpoints = true;\n    if (controlKey === 'p1') {\n      this.x1 = newX;\n      this.y1 = newY;\n    } else if (controlKey === 'p2') {\n      this.x2 = newX;\n      this.y2 = newY;\n    }\n    this._setWidthHeight();\n    this.dirty = true;\n    this._updatingEndpoints = false;\n    this.canvas?.requestRenderAll();\n    this.fire('modified', { transform: transformData, target: this, e: eventData });\n    return true;\n  }\n\n  _snapToAngle(\n    fromX: number,\n    fromY: number,\n    toX: number,\n    toY: number\n  ): { x: number; y: number } {\n    const deltaX = toX - fromX;\n    const deltaY = toY - fromY;\n    const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);\n    if (distance === 0) return { x: toX, y: toY };\n    let angle = Math.atan2(deltaY, deltaX) * (180 / Math.PI);\n    const snapIncrement = 15;\n    const snappedAngle = Math.round(angle / snapIncrement) * snapIncrement;\n    const snappedRadians = snappedAngle * (Math.PI / 180);\n    return {\n      x: fromX + Math.cos(snappedRadians) * distance,\n      y: fromY + Math.sin(snappedRadians) * distance,\n    };\n  }\n\n  _setWidthHeight(skipReposition = false) {\n    this.width = Math.abs(this.x2 - this.x1) || 1;\n    this.height = Math.abs(this.y2 - this.y1) || 1;\n    if (!skipReposition && !this._updatingEndpoints) {\n      const { left, top, width, height } = makeBoundingBoxFromPoints([\n        { x: this.x1, y: this.y1 },\n        { x: this.x2, y: this.y2 },\n      ]);\n      this.setPositionByOrigin(\n        new Point(left + width / 2, top + height / 2),\n        CENTER,\n        CENTER\n      );\n    }\n  }\n\n  _set(key: string, value: any) {\n    const oldLeft = this.left;\n    const oldTop = this.top;\n    super._set(key, value);\n    if (coordProps.includes(key as keyof UniqueLineCoords)) {\n      this._setWidthHeight();\n      this.dirty = true;\n    }\n    if ((key === 'left' || key === 'top') && this.canvas && !this._updatingEndpoints) {\n      const deltaX = this.left - oldLeft;\n      const deltaY = this.top - oldTop;\n      if (deltaX !== 0 || deltaY !== 0) {\n        this._updatingEndpoints = true;\n        this.x1 += deltaX;\n        this.y1 += deltaY;\n        this.x2 += deltaX;\n        this.y2 += deltaY;\n        this._updatingEndpoints = false;\n      }\n    }\n    return this;\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    if (this._useEndpointCoords) {\n      this._renderDirectly(ctx);\n      return;\n    }\n    super.render(ctx);\n  }\n\n  _renderDirectly(ctx: CanvasRenderingContext2D) {\n    if (!this.visible) return;\n    ctx.save();\n    const vpt = this.canvas?.viewportTransform || [1, 0, 0, 1, 0, 0];\n    ctx.transform(vpt[0], vpt[1], vpt[2], vpt[3], vpt[4], vpt[5]);\n    ctx.globalAlpha = this.opacity;\n    ctx.strokeStyle = this.stroke?.toString() || '#000';\n    ctx.lineWidth = this.strokeWidth;\n    ctx.lineCap = this.strokeLineCap || 'butt';\n    ctx.beginPath();\n    ctx.moveTo(this.x1, this.y1);\n    ctx.lineTo(this.x2, this.y2);\n    ctx.stroke();\n    ctx.restore();\n  }\n\n  _render(ctx: CanvasRenderingContext2D) {\n    if (this._useEndpointCoords) return;\n    ctx.beginPath();\n    const p = this.calcLinePoints();\n    ctx.moveTo(p.x1, p.y1);\n    ctx.lineTo(p.x2, p.y2);\n    ctx.lineWidth = this.strokeWidth;\n    const origStrokeStyle = ctx.strokeStyle;\n    if (isFiller(this.stroke)) {\n      ctx.strokeStyle = this.stroke.toLive(ctx)!;\n    }\n    this.stroke && this._renderStroke(ctx);\n    ctx.strokeStyle = origStrokeStyle;\n  }\n\n  _findCenterFromElement(): Point {\n    return new Point((this.x1 + this.x2) / 2, (this.y1 + this.y2) / 2);\n  }\n\n  toObject< \n    T extends Omit<Props & TClassProperties<this>, keyof SProps>,\n    K extends keyof T = never\n  >(propertiesToInclude: K[] = []): Pick<T, K> & SProps {\n    return {\n      ...super.toObject(propertiesToInclude),\n      ...this.calcLinePoints(),\n    };\n  }\n\n  _getNonTransformedDimensions(): Point {\n    const dim = super._getNonTransformedDimensions();\n    if (this.strokeLineCap === 'round') {\n      dim.x += this.strokeWidth;\n      dim.y += this.strokeWidth;\n    }\n    return dim;\n  }\n\n  calcLinePoints(): UniqueLineCoords {\n    if (this._updatingEndpoints) {\n      const centerX = (this.x1 + this.x2) / 2;\n      const centerY = (this.y1 + this.y2) / 2;\n      return {\n        x1: this.x1 - centerX,\n        y1: this.y1 - centerY,\n        x2: this.x2 - centerX,\n        y2: this.y2 - centerY,\n      };\n    }\n    const { x1: _x1, x2: _x2, y1: _y1, y2: _y2, width, height } = this;\n    const xMult = _x1 <= _x2 ? -1 : 1;\n    const yMult = _y1 <= _y2 ? -1 : 1;\n    return {\n      x1: (xMult * width) / 2,\n      y1: (yMult * height) / 2,\n      x2: (xMult * -width) / 2,\n      y2: (yMult * -height) / 2,\n    };\n  }\n\n  _toSVG() {\n    const { x1, x2, y1, y2 } = this.calcLinePoints();\n    return [\n      '<line ',\n      'COMMON_PARTS',\n      `x1=\"${x1}\" y1=\"${y1}\" x2=\"${x2}\" y2=\"${y2}\" />\\n`,\n    ];\n  }\n\n  static ATTRIBUTE_NAMES = SHARED_ATTRIBUTES.concat(coordProps);\n\n  static async fromElement(\n    element: HTMLElement,\n    options?: Abortable,\n    cssRules?: CSSRules\n  ) {\n    const {\n      x1 = 0,\n      y1 = 0,\n      x2 = 0,\n      y2 = 0,\n      ...parsedAttributes\n    } = parseAttributes(element, this.ATTRIBUTE_NAMES, cssRules);\n    return new this([x1, y1, x2, y2], parsedAttributes);\n  }\n\n  static fromObject<T extends TOptions<SerializedLineProps>>({ \n    x1,\n    y1,\n    x2,\n    y2,\n    ...object\n  }: T) {\n    return this._fromObject<Line>(\n      { ...object, points: [x1, y1, x2, y2] },\n      { extraParam: 'points' }\n    );\n  }\n}\n\nclassRegistry.setClass(Line);\nclassRegistry.setSVGClass(Line);"],"names":["coordProps","Line","FabricObject","constructor","x1","y1","x2","y2","arguments","length","undefined","options","_defineProperty","setOptions","hitStrokeWidth","hasBorders","hasControls","selectable","hoverCursor","perPixelTargetFind","strokeLineCap","_setWidthHeight","left","top","set","LEFT","TOP","_setupLineControls","controls","p1","Control","x","y","cursorStyle","actionHandler","_endpointActionHandler","bind","positionHandler","_p1PositionHandler","render","_renderEndpointControl","sizeX","sizeY","p2","_p2PositionHandler","_this$canvas","vpt","canvas","viewportTransform","Point","transform","_this$canvas2","ctx","size","save","fillStyle","strokeStyle","lineWidth","beginPath","arc","Math","PI","fill","stroke","restore","drawBorders","styleOverride","_useEndpointCoords","_drawLineBorders","_this$canvas3","setTransform","borderColor","strokeWidth","lineCap","globalAlpha","isMoving","borderOpacityWhenMoving","moveTo","lineTo","_renderControls","drawControls","getBoundingRect","effectiveStrokeWidth","padding","max","min","width","abs","height","setCoords","minX","maxX","minY","maxY","hitPadding","getCoords","deltaX","deltaY","sqrt","halfWidth","perpX","perpY","containsPoint","point","_this$canvas4","getActiveObject","distance","_distanceToLineSegment","tolerance","px","py","pd2","u","closestX","closestY","eventData","transformData","_this$canvas6","controlKey","corner","pointer","newX","newY","shiftKey","otherControl","otherX","otherY","snapped","_snapToAngle","_this$canvas5","dirty","requestRenderAll","_updatingEndpoints","fire","target","e","fromX","fromY","toX","toY","angle","atan2","snapIncrement","snappedAngle","round","snappedRadians","cos","sin","skipReposition","makeBoundingBoxFromPoints","setPositionByOrigin","CENTER","_set","key","value","oldLeft","oldTop","includes","_renderDirectly","_this$canvas7","_this$stroke","visible","opacity","toString","_render","p","calcLinePoints","origStrokeStyle","isFiller","toLive","_renderStroke","_findCenterFromElement","toObject","propertiesToInclude","_getNonTransformedDimensions","dim","centerX","centerY","_x1","_x2","_y1","_y2","xMult","yMult","_toSVG","fromElement","element","cssRules","parsedAttributes","parseAttributes","ATTRIBUTE_NAMES","fromObject","_ref","object","_fromObject","points","extraParam","cacheProperties","SHARED_ATTRIBUTES","concat","classRegistry","setClass","setSVGClass"],"mappings":"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"}

package/dist-extensions/src/shapes/CustomLine.d.ts

@@ -0,0 +1,10 @@
+import { Polyline, SerializedPolylineProps } from './Polyline';
+import type { FabricObjectProps } from './Object/types';
+import type { TOptions } from '../typedefs';
+import type { ObjectEvents } from '../EventTypeDefs';
+export declare class CustomLine<Props extends TOptions<FabricObjectProps> = Partial<FabricObjectProps>, SProps extends SerializedPolylineProps = SerializedPolylineProps, EventSpec extends ObjectEvents = ObjectEvents> extends Polyline<Props, SProps, EventSpec> {
+    static type: string;
+    constructor(points?: [number, number, number, number], options?: Props);
+    static fromObject<T extends TOptions<SerializedPolylineProps>>(object: T): Promise<CustomLine<Partial<FabricObjectProps>, SerializedPolylineProps, ObjectEvents>>;
+}
+//# sourceMappingURL=CustomLine.d.ts.map

package/dist-extensions/src/shapes/CustomLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomLine.d.ts","sourceRoot":"","sources":["../../../src/shapes/CustomLine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGrD,qBAAa,UAAU,CACrB,KAAK,SAAS,QAAQ,CAAC,iBAAiB,CAAC,GAAG,OAAO,CAAC,iBAAiB,CAAC,EACtE,MAAM,SAAS,uBAAuB,GAAG,uBAAuB,EAChE,SAAS,SAAS,YAAY,GAAG,YAAY,CAC7C,SAAQ,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;IAC1C,MAAM,CAAC,IAAI,SAAgB;gBAGzB,MAAM,GAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAgB,EACvD,OAAO,GAAE,KAAmB;IAU9B,MAAM,CAAC,UAAU,CAAC,CAAC,SAAS,QAAQ,CAAC,uBAAuB,CAAC,EAAE,MAAM,EAAE,CAAC;CAwBzE"}

package/dist-extensions/src/shapes/Line.d.ts

@@ -4,114 +4,59 @@ import { Point } from '../Point';
 import type { FabricObjectProps, SerializedObjectProps } from './Object/types';
 import type { ObjectEvents } from '../EventTypeDefs';
 import type { CSSRules } from '../parser/typedefs';
-interface UniqueLineProps {
+import type { TPointerEvent, Transform } from '../EventTypeDefs';
+interface UniqueLineCoords {
     x1: number;
     x2: number;
     y1: number;
     y2: number;
 }
-export interface SerializedLineProps extends SerializedObjectProps, UniqueLineProps {
+export interface SerializedLineProps extends SerializedObjectProps, UniqueLineCoords {
 }
-/**
- * A Class to draw a line
- * A bunch of methods will be added to Polyline to handle the line case
- * The line class is very strange to work with, is all special, it hardly aligns
- * to what a developer want everytime there is an angle
- * @deprecated
- */
-export declare class Line<Props extends TOptions<FabricObjectProps> = Partial<FabricObjectProps>, SProps extends SerializedLineProps = SerializedLineProps, EventSpec extends ObjectEvents = ObjectEvents> extends FabricObject<Props, SProps, EventSpec> implements UniqueLineProps {
-    /**
-     * x value or first line edge
-     * @type number
-     */
+export declare class Line<Props extends TOptions<FabricObjectProps> = Partial<FabricObjectProps>, SProps extends SerializedLineProps = SerializedLineProps, EventSpec extends ObjectEvents = ObjectEvents> extends FabricObject<Props, SProps, EventSpec> implements UniqueLineCoords {
     x1: number;
-    /**
-     * y value or first line edge
-     * @type number
-     */
     y1: number;
-    /**
-     * x value or second line edge
-     * @type number
-     */
     x2: number;
-    /**
-     * y value or second line edge
-     * @type number
-     */
     y2: number;
+    hitStrokeWidth: number | 'auto';
+    private _updatingEndpoints;
+    private _useEndpointCoords;
     static type: string;
     static cacheProperties: string[];
-    /**
-     * Constructor
-     * @param {Array} [points] Array of points
-     * @param {Object} [options] Options object
-     * @return {Line} thisArg
-     */
-    constructor([x1, y1, x2, y2]?: [number, number, number, number], options?: Partial<Props>);
-    /**
-     * @private
-     * @param {Object} [options] Options
-     */
-    _setWidthHeight(): void;
-    /**
-     * @private
-     * @param {String} key
-     * @param {*} value
-     */
+    constructor([x1, y1, x2, y2]?: [number, number, number, number], options?: Partial<Props & {
+        hitStrokeWidth?: number | 'auto';
+    }>);
+    _setupLineControls(): void;
+    _p1PositionHandler(): Point;
+    _p2PositionHandler(): Point;
+    _renderEndpointControl(ctx: CanvasRenderingContext2D, left: number, top: number): void;
+    drawBorders(ctx: CanvasRenderingContext2D, styleOverride?: any): void | this;
+    _drawLineBorders(ctx: CanvasRenderingContext2D, styleOverride?: any): void;
+    _renderControls(ctx: CanvasRenderingContext2D, styleOverride?: any): void;
+    getBoundingRect(): import("../typedefs").TBBox;
+    setCoords(): void;
+    getCoords(): [Point, Point, Point, Point];
+    containsPoint(point: Point): boolean;
+    _distanceToLineSegment(px: number, py: number): number;
+    _endpointActionHandler(eventData: TPointerEvent, transformData: Transform, x: number, y: number): boolean;
+    _snapToAngle(fromX: number, fromY: number, toX: number, toY: number): {
+        x: number;
+        y: number;
+    };
+    _setWidthHeight(skipReposition?: boolean): void;
     _set(key: string, value: any): this;
-    /**
-     * @private
-     * @param {CanvasRenderingContext2D} ctx Context to render on
-     */
+    render(ctx: CanvasRenderingContext2D): void;
+    _renderDirectly(ctx: CanvasRenderingContext2D): void;
     _render(ctx: CanvasRenderingContext2D): void;
-    /**
-     * This function is an helper for svg import. it returns the center of the object in the svg
-     * untransformed coordinates
-     * @private
-     * @return {Point} center point from element coordinates
-     */
     _findCenterFromElement(): Point;
-    /**
-     * Returns object representation of an instance
-     * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output
-     * @return {Object} object representation of an instance
-     */
     toObject<T extends Omit<Props & TClassProperties<this>, keyof SProps>, K extends keyof T = never>(propertiesToInclude?: K[]): Pick<T, K> & SProps;
     _getNonTransformedDimensions(): Point;
-    /**
-     * Recalculates line points given width and height
-     * Those points are simply placed around the center,
-     * This is not useful outside internal render functions and svg output
-     * Is not meant to be for the developer.
-     * @private
-     */
-    calcLinePoints(): UniqueLineProps;
-    /**
-     * Returns svg representation of an instance
-     * @return {Array} an array of strings with the specific svg representation
-     * of the instance
-     */
+    calcLinePoints(): UniqueLineCoords;
     _toSVG(): string[];
-    /**
-     * List of attribute names to account for when parsing SVG element (used by {@link Line.fromElement})
-     * @see http://www.w3.org/TR/SVG/shapes.html#LineElement
-     */
     static ATTRIBUTE_NAMES: string[];
-    /**
-     * Returns Line instance from an SVG element
-     * @param {HTMLElement} element Element to parse
-     * @param {Object} [options] Options object
-     * @param {Function} [callback] callback function invoked after parsing
-     */
     static fromElement(element: HTMLElement, options?: Abortable, cssRules?: CSSRules): Promise<Line<{
         [x: string]: /*elided*/ any;
     }, SerializedLineProps, ObjectEvents>>;
-    /**
-     * Returns Line instance from an object representation
-     * @param {Object} object Object to create an instance from
-     * @returns {Promise<Line>}
-     */
     static fromObject<T extends TOptions<SerializedLineProps>>({ x1, y1, x2, y2, ...object }: T): Promise<Line<Partial<FabricObjectProps>, SerializedLineProps, ObjectEvents>>;
 }
 export {};

package/dist-extensions/src/shapes/Line.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../src/shapes/Line.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAmB,MAAM,uBAAuB,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,KAAK,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAC/E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGrD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAMnD,UAAU,eAAe;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,mBACf,SAAQ,qBAAqB,EAC3B,eAAe;CAAG;AAEtB;;;;;;GAMG;AACH,qBAAa,IAAI,CACb,KAAK,SAAS,QAAQ,CAAC,iBAAiB,CAAC,GAAG,OAAO,CAAC,iBAAiB,CAAC,EACtE,MAAM,SAAS,mBAAmB,GAAG,mBAAmB,EACxD,SAAS,SAAS,YAAY,GAAG,YAAY,CAE/C,SAAQ,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CAC7C,YAAW,eAAe;IAE1B;;;OAGG;IACK,EAAE,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACK,EAAE,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACK,EAAE,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACK,EAAE,EAAE,MAAM,CAAC;IAEnB,MAAM,CAAC,IAAI,SAAU;IAErB,MAAM,CAAC,eAAe,WAAuC;IAC7D;;;;;OAKG;gBACS,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,mCAAe,EAAE,OAAO,GAAE,OAAO,CAAC,KAAK,CAAM;IAczE;;;OAGG;IACH,eAAe;IAYf;;;;OAIG;IACH,IAAI,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG;IAc5B;;;OAGG;IACH,OAAO,CAAC,GAAG,EAAE,wBAAwB;IAsBrC;;;;;OAKG;IACH,sBAAsB,IAAI,KAAK;IAI/B;;;;OAIG;IACH,QAAQ,CACN,CAAC,SAAS,IAAI,CAAC,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,MAAM,MAAM,CAAC,EAC5D,CAAC,SAAS,MAAM,CAAC,GAAG,KAAK,EACzB,mBAAmB,GAAE,CAAC,EAAO,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,MAAM;IAWrD,4BAA4B,IAAI,KAAK;IAarC;;;;;;OAMG;IACH,cAAc,IAAI,eAAe;IAmBjC;;;;OAIG;IACH,MAAM;IASN;;;OAGG;IACH,MAAM,CAAC,eAAe,WAAwC;IAE9D;;;;;OAKG;WACU,WAAW,CACtB,OAAO,EAAE,WAAW,EACpB,OAAO,CAAC,EAAE,SAAS,EACnB,QAAQ,CAAC,EAAE,QAAQ;;;IAcrB;;;;OAIG;IACH,MAAM,CAAC,UAAU,CAAC,CAAC,SAAS,QAAQ,CAAC,mBAAmB,CAAC,EAAE,EACzD,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,GAAG,MAAM,EACV,EAAE,CAAC;CAWL"}
+{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../src/shapes/Line.ts"],"names":[],"mappings":"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"}

package/fabric-test-editor.html

@@ -191,6 +191,7 @@
         <button onclick="addCircle()">Add Circle</button>
         <button onclick="addTriangle()">Add Triangle</button>
         <button onclick="addPolygon()">Add Polygon</button>
+        <button onclick="addLine()">Add Line</button>
       </div>
 
       <div class="control-group">
@@ -304,6 +305,19 @@
         </div>
         <button onclick="testCornerRadius()">Test All Corner Radius</button>
       </div>
+      <div class="control-group">
+        <h3>Line Properties</h3>
+        <div style="margin-bottom: 10px;">
+          <label for="roundedEndpoints" style="display: flex; align-items: center; cursor: pointer;">
+            <input
+              type="checkbox"
+              id="roundedEndpoints"
+              style="margin-right: 8px;"
+            />
+            Rounded Endpoints (Line Caps)
+          </label>
+        </div>
+      </div>
 
       <div class="control-group">
         <h3>Drawing Mode</h3>
@@ -350,11 +364,30 @@
         <button onclick="exportJSON()" class="secondary">Export JSON</button>
       </div>
 
+      <div class="control-group">
+        <h3>Canvas Zoom</h3>
+        <div class="slider-container">
+          <label for="canvasZoom">Zoom Level</label>
+          <input
+            type="range"
+            id="canvasZoom"
+            min="0.1"
+            max="3"
+            value="1"
+            step="0.1"
+          />
+          <div class="slider-value" id="canvasZoomValue">100%</div>
+        </div>
+        <button onclick="resetZoom()">Reset Zoom (100%)</button>
+        <button onclick="fitToWindow()">Fit to Window</button>
+      </div>
+
       <div class="control-group">
         <h3>Canvas Info</h3>
         <div id="canvasInfo" style="font-size: 12px; color: #6b7280">
           Objects: 0<br />
-          Selected: None
+          Selected: None<br />
+          Zoom: 100%
         </div>
       </div>
     </div>
@@ -371,7 +404,7 @@
         preserveObjectStacking: true,
       });
 
-      // Create workspace (like your editor)
+      // Create workspace (like your editor) - removed 'clip' name to prevent clipping issues with line dragging
       const workspace = new fabric.Rect({
         left: 100,
         top: 100,
@@ -382,7 +415,7 @@
         strokeWidth: 2,
         selectable: false,
         evented: false,
-        name: 'clip',
+        name: 'workspace', // Changed from 'clip' to prevent clipping during line endpoint dragging
       });
 
       canvas.add(workspace);
@@ -638,6 +671,30 @@
         updateCanvasInfo();
       }
 
+      function addLine() {
+        const strokeColor = document.getElementById('strokeColor').value;
+        const strokeWidth =
+          parseInt(document.getElementById('strokeWidth').value) || 2;
+        const roundedEndpoints = document.getElementById('roundedEndpoints').checked;
+
+        // Create line with absolute coordinates (start and end points)
+        const line = new fabric.Line([100, 100, 300, 200], {
+          stroke: strokeColor,
+          strokeWidth: Math.max(strokeWidth, 10), // Make sure stroke is thick enough to see line caps
+          selectable: true,
+          evented: true,
+          fill: '', // Lines should not have fill
+          strokeLineCap: roundedEndpoints ? 'round' : 'butt',
+        });
+
+        canvas.add(line);
+        canvas.setActiveObject(line);
+        canvas.renderAll();
+        updateCanvasInfo();
+
+        console.log('✏️ Line added with draggable endpoints! Drag the blue circles to adjust.');
+      }
+
       // Text alignment function
       function setTextAlign(alignment) {
         const activeObject = canvas.getActiveObject();
@@ -725,7 +782,7 @@
       function clearCanvas() {
         canvas
           .getObjects()
-          .filter((obj) => obj.name !== 'clip')
+          .filter((obj) => obj.name !== 'workspace')
           .forEach((obj) => canvas.remove(obj));
         canvas.discardActiveObject();
         canvas.renderAll();
@@ -751,8 +808,9 @@
       function updateCanvasInfo() {
         const objects = canvas
           .getObjects()
-          .filter((obj) => obj.name !== 'clip');
+          .filter((obj) => obj.name !== 'workspace');
         const activeObject = canvas.getActiveObject();
+        const zoom = Math.round(canvas.getZoom() * 100);
 
         let selectedInfo = 'None';
         let directionInfo = '';
@@ -784,10 +842,72 @@
 
         document.getElementById('canvasInfo').innerHTML = `
                 Objects: ${objects.length}<br>
-                Selected: ${selectedInfo}${directionInfo}
+                Selected: ${selectedInfo}${directionInfo}<br>
+                Zoom: ${zoom}%
             `;
       }
 
+      // Zoom functionality
+      const canvasZoomSlider = document.getElementById('canvasZoom');
+      const canvasZoomValue = document.getElementById('canvasZoomValue');
+
+      canvasZoomSlider.addEventListener('input', function() {
+        const zoomLevel = parseFloat(this.value);
+        canvas.setZoom(zoomLevel);
+        canvasZoomValue.textContent = Math.round(zoomLevel * 100) + '%';
+        canvas.renderAll();
+        updateCanvasInfo();
+      });
+
+      function resetZoom() {
+        canvas.setZoom(1);
+        canvasZoomSlider.value = 1;
+        canvasZoomValue.textContent = '100%';
+        canvas.renderAll();
+        updateCanvasInfo();
+        console.log('🔍 Canvas zoom reset to 100%');
+      }
+
+      function fitToWindow() {
+        const container = document.querySelector('.canvas-container');
+        const containerWidth = container.clientWidth - 40; // padding
+        const containerHeight = container.clientHeight - 40; // padding
+        
+        const canvasWidth = canvas.getWidth();
+        const canvasHeight = canvas.getHeight();
+        
+        const scaleX = containerWidth / canvasWidth;
+        const scaleY = containerHeight / canvasHeight;
+        const scale = Math.min(scaleX, scaleY, 3); // max zoom 300%
+        
+        canvas.setZoom(scale);
+        canvasZoomSlider.value = scale;
+        canvasZoomValue.textContent = Math.round(scale * 100) + '%';
+        canvas.renderAll();
+        updateCanvasInfo();
+        console.log('🔍 Canvas zoom fit to window:', Math.round(scale * 100) + '%');
+      }
+
+      // Mouse wheel zoom support
+      canvas.on('mouse:wheel', function(opt) {
+        const delta = opt.e.deltaY;
+        let zoom = canvas.getZoom();
+        zoom *= 0.999 ** delta;
+        
+        // Clamp zoom between 10% and 300%
+        zoom = Math.max(0.1, Math.min(3, zoom));
+        
+        canvas.setZoom(zoom);
+        canvasZoomSlider.value = zoom;
+        canvasZoomValue.textContent = Math.round(zoom * 100) + '%';
+        
+        opt.e.preventDefault();
+        opt.e.stopPropagation();
+        
+        updateCanvasInfo();
+        console.log('🔍 Mouse wheel zoom:', Math.round(zoom * 100) + '%');
+      });
+
       // Event listeners for canvas changes
       canvas.on('object:added', updateCanvasInfo);
       canvas.on('object:removed', updateCanvasInfo);
@@ -811,7 +931,7 @@
         const activeObjects = canvas.getActiveObjects();
         if (activeObjects.length > 0) {
           activeObjects.forEach((obj) => {
-            if (obj.stroke) {
+            if (obj.stroke || obj.type === 'line') {
               obj.set('strokeWidth', value);
             }
           });
@@ -1009,8 +1129,16 @@
           cornerRadius: cornerRadius,
         });
 
+        // Regular Line (lines don't support corner radius)
+        const line = new fabric.Line([50, 50, 150, 50], {
+          left: 450,
+          top: 300,
+          stroke: '#374151',
+          strokeWidth: 4,
+        });
+
         // Add all shapes to canvas
-        canvas.add(rect, triangle, hexagon, pentagon, star, arrow);
+        canvas.add(rect, triangle, hexagon, pentagon, star, arrow, line);
 
         // Add text label
         const label = new fabric.Textbox('Corner Radius Demo - All shapes support rounded corners like Canva!', {
@@ -1030,6 +1158,27 @@
         console.log('🎨 Corner radius demo created! All shapes now support corner radius like Canva.');
       }
 
+      // Rounded endpoints checkbox functionality
+      const roundedEndpointsCheckbox = document.getElementById('roundedEndpoints');
+      roundedEndpointsCheckbox.addEventListener('change', function () {
+        const isChecked = this.checked;
+        console.log('🔧 Rounded endpoints checkbox changed:', isChecked);
+        // Update strokeLineCap of selected line object(s) in real-time using Fabric.js built-in property
+        const activeObjects = canvas.getActiveObjects();
+        console.log('🔧 Active objects:', activeObjects.length, activeObjects.map(o => o.type));
+        if (activeObjects.length > 0) {
+          activeObjects.forEach((obj) => {
+            if (obj.type === 'line') {
+              const lineCap = isChecked ? 'round' : 'butt';
+              console.log('🔧 Setting strokeLineCap on line:', lineCap);
+              obj.set('strokeLineCap', lineCap);
+              console.log('🔧 Line strokeLineCap after set:', obj.strokeLineCap);
+            }
+          });
+          canvas.renderAll();
+        }
+      });
+
       // Log Fabric.js version
       console.log('Fabric.js version:', fabric.version);
       console.log('Canvas initialized with useOverlayEditing support');