fabric/dist/src/controls/pathControl.mjs.map

Object model for HTML5 canvas, and SVG-to-canvas parser. Backed by jsdom and node-canvas.

{"version":3,"file":"pathControl.mjs","sources":["../../../src/controls/pathControl.ts"],"sourcesContent":["import { Point } from '../Point';\nimport { Control } from './Control';\nimport type { TMat2D } from '../typedefs';\nimport type { Path } from '../shapes/Path';\nimport { multiplyTransformMatrices } from '../util/misc/matrix';\nimport type {\n  TModificationEvents,\n  TPointerEvent,\n  Transform,\n} from '../EventTypeDefs';\nimport { sendPointToPlane } from '../util/misc/planeChange';\nimport type { TSimpleParseCommandType } from '../util/path/typedefs';\nimport type { ControlRenderingStyleOverride } from './controlRendering';\nimport { fireEvent } from './fireEvent';\nimport { commonEventInfo } from './util';\n\nconst ACTION_NAME: TModificationEvents = 'modifyPath' as const;\n\ntype TTransformAnchor = Transform;\n\nexport type PathPointControlStyle = {\n  controlFill?: string;\n  controlStroke?: string;\n  connectionDashArray?: number[];\n};\n\nconst calcPathPointPosition = (\n  pathObject: Path,\n  commandIndex: number,\n  pointIndex: number,\n) => {\n  const { path, pathOffset } = pathObject;\n  const command = path[commandIndex];\n  return new Point(\n    (command[pointIndex] as number) - pathOffset.x,\n    (command[pointIndex + 1] as number) - pathOffset.y,\n  ).transform(\n    multiplyTransformMatrices(\n      pathObject.getViewportTransform(),\n      pathObject.calcTransformMatrix(),\n    ),\n  );\n};\n\nconst movePathPoint = (\n  pathObject: Path,\n  x: number,\n  y: number,\n  commandIndex: number,\n  pointIndex: number,\n) => {\n  const { path, pathOffset } = pathObject;\n\n  const anchorCommand =\n    path[(commandIndex > 0 ? commandIndex : path.length) - 1];\n  const anchorPoint = new Point(\n    anchorCommand[pointIndex] as number,\n    anchorCommand[pointIndex + 1] as number,\n  );\n\n  const anchorPointInParentPlane = anchorPoint\n    .subtract(pathOffset)\n    .transform(pathObject.calcOwnMatrix());\n\n  const mouseLocalPosition = sendPointToPlane(\n    new Point(x, y),\n    undefined,\n    pathObject.calcOwnMatrix(),\n  );\n\n  path[commandIndex][pointIndex] = mouseLocalPosition.x + pathOffset.x;\n  path[commandIndex][pointIndex + 1] = mouseLocalPosition.y + pathOffset.y;\n  pathObject.setDimensions();\n\n  const newAnchorPointInParentPlane = anchorPoint\n    .subtract(pathObject.pathOffset)\n    .transform(pathObject.calcOwnMatrix());\n\n  const diff = newAnchorPointInParentPlane.subtract(anchorPointInParentPlane);\n  pathObject.left -= diff.x;\n  pathObject.top -= diff.y;\n  pathObject.set('dirty', true);\n  return true;\n};\n\n/**\n * This function locates the controls.\n * It'll be used both for drawing and for interaction.\n */\nfunction pathPositionHandler(\n  this: PathPointControl,\n  dim: Point,\n  finalMatrix: TMat2D,\n  pathObject: Path,\n) {\n  const { commandIndex, pointIndex } = this;\n  return calcPathPointPosition(pathObject, commandIndex, pointIndex);\n}\n\n/**\n * This function defines what the control does.\n * It'll be called on every mouse move after a control has been clicked and is being dragged.\n * The function receives as argument the mouse event, the current transform object\n * and the current position in canvas coordinate `transform.target` is a reference to the\n * current object being transformed.\n */\nfunction pathActionHandler(\n  this: PathPointControl,\n  eventData: TPointerEvent,\n  transform: TTransformAnchor,\n  x: number,\n  y: number,\n) {\n  const { target } = transform;\n  const { commandIndex, pointIndex } = this;\n  const actionPerformed = movePathPoint(\n    target as Path,\n    x,\n    y,\n    commandIndex,\n    pointIndex,\n  );\n  if (actionPerformed) {\n    fireEvent(this.actionName as TModificationEvents, {\n      ...commonEventInfo(eventData, transform, x, y),\n      commandIndex,\n      pointIndex,\n    });\n  }\n  return actionPerformed;\n}\n\nconst indexFromPrevCommand = (previousCommandType: TSimpleParseCommandType) =>\n  previousCommandType === 'C' ? 5 : previousCommandType === 'Q' ? 3 : 1;\n\nclass PathPointControl extends Control {\n  declare commandIndex: number;\n  declare pointIndex: number;\n  declare controlFill: string;\n  declare controlStroke: string;\n  constructor(options?: Partial<PathPointControl>) {\n    super(options);\n  }\n\n  render(\n    ctx: CanvasRenderingContext2D,\n    left: number,\n    top: number,\n    styleOverride: ControlRenderingStyleOverride | undefined,\n    fabricObject: Path,\n  ) {\n    const overrides: ControlRenderingStyleOverride = {\n      ...styleOverride,\n      cornerColor: this.controlFill,\n      cornerStrokeColor: this.controlStroke,\n      transparentCorners: !this.controlFill,\n    };\n    super.render(ctx, left, top, overrides, fabricObject);\n  }\n}\n\nclass PathControlPointControl extends PathPointControl {\n  declare connectionDashArray?: number[];\n  declare connectToCommandIndex: number;\n  declare connectToPointIndex: number;\n  constructor(options?: Partial<PathControlPointControl>) {\n    super(options);\n  }\n\n  render(\n    this: PathControlPointControl,\n    ctx: CanvasRenderingContext2D,\n    left: number,\n    top: number,\n    styleOverride: ControlRenderingStyleOverride | undefined,\n    fabricObject: Path,\n  ) {\n    const { path } = fabricObject;\n    const {\n      commandIndex,\n      pointIndex,\n      connectToCommandIndex,\n      connectToPointIndex,\n    } = this;\n    ctx.save();\n    ctx.strokeStyle = this.controlStroke;\n    if (this.connectionDashArray) {\n      ctx.setLineDash(this.connectionDashArray);\n    }\n    const [commandType] = path[commandIndex];\n    const point = calcPathPointPosition(\n      fabricObject,\n      connectToCommandIndex,\n      connectToPointIndex,\n    );\n\n    if (commandType === 'Q') {\n      // one control point connects to 2 points\n      const point2 = calcPathPointPosition(\n        fabricObject,\n        commandIndex,\n        pointIndex + 2,\n      );\n      ctx.moveTo(point2.x, point2.y);\n      ctx.lineTo(left, top);\n    } else {\n      ctx.moveTo(left, top);\n    }\n    ctx.lineTo(point.x, point.y);\n    ctx.stroke();\n    ctx.restore();\n\n    super.render(ctx, left, top, styleOverride, fabricObject);\n  }\n}\n\nconst createControl = (\n  commandIndexPos: number,\n  pointIndexPos: number,\n  isControlPoint: boolean,\n  options: Partial<Control> & {\n    controlPointStyle?: PathPointControlStyle;\n    pointStyle?: PathPointControlStyle;\n  },\n  connectToCommandIndex?: number,\n  connectToPointIndex?: number,\n) =>\n  new (isControlPoint ? PathControlPointControl : PathPointControl)({\n    commandIndex: commandIndexPos,\n    pointIndex: pointIndexPos,\n    actionName: ACTION_NAME,\n    positionHandler: pathPositionHandler,\n    actionHandler: pathActionHandler,\n    connectToCommandIndex,\n    connectToPointIndex,\n    ...options,\n    ...(isControlPoint ? options.controlPointStyle : options.pointStyle),\n  } as Partial<PathControlPointControl>);\n\nexport function createPathControls(\n  path: Path,\n  options: Partial<Control> & {\n    controlPointStyle?: PathPointControlStyle;\n    pointStyle?: PathPointControlStyle;\n  } = {},\n): Record<string, Control> {\n  const controls = {} as Record<string, Control>;\n  let previousCommandType: TSimpleParseCommandType = 'M';\n  path.path.forEach((command, commandIndex) => {\n    const commandType = command[0];\n\n    if (commandType !== 'Z') {\n      controls[`c_${commandIndex}_${commandType}`] = createControl(\n        commandIndex,\n        command.length - 2,\n        false,\n        options,\n      );\n    }\n    switch (commandType) {\n      case 'C':\n        controls[`c_${commandIndex}_C_CP_1`] = createControl(\n          commandIndex,\n          1,\n          true,\n          options,\n          commandIndex - 1,\n          indexFromPrevCommand(previousCommandType),\n        );\n        controls[`c_${commandIndex}_C_CP_2`] = createControl(\n          commandIndex,\n          3,\n          true,\n          options,\n          commandIndex,\n          5,\n        );\n        break;\n      case 'Q':\n        controls[`c_${commandIndex}_Q_CP_1`] = createControl(\n          commandIndex,\n          1,\n          true,\n          options,\n          commandIndex,\n          3,\n        );\n        break;\n    }\n    previousCommandType = commandType;\n  });\n  return controls;\n}\n"],"names":["ACTION_NAME","calcPathPointPosition","pathObject","commandIndex","pointIndex","path","pathOffset","command","Point","x","y","transform","multiplyTransformMatrices","getViewportTransform","calcTransformMatrix","movePathPoint","anchorCommand","length","anchorPoint","anchorPointInParentPlane","subtract","calcOwnMatrix","mouseLocalPosition","sendPointToPlane","undefined","setDimensions","newAnchorPointInParentPlane","diff","left","top","set","pathPositionHandler","dim","finalMatrix","pathActionHandler","eventData","target","actionPerformed","fireEvent","actionName","commonEventInfo","indexFromPrevCommand","previousCommandType","PathPointControl","Control","constructor","options","render","ctx","styleOverride","fabricObject","overrides","cornerColor","controlFill","cornerStrokeColor","controlStroke","transparentCorners","PathControlPointControl","connectToCommandIndex","connectToPointIndex","save","strokeStyle","connectionDashArray","setLineDash","commandType","point","point2","moveTo","lineTo","stroke","restore","createControl","commandIndexPos","pointIndexPos","isControlPoint","positionHandler","actionHandler","controlPointStyle","pointStyle","createPathControls","arguments","controls","forEach"],"mappings":"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"}