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

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

{"version":3,"file":"polyControl.mjs","sources":["../../../src/controls/polyControl.ts"],"sourcesContent":["import { Point } from '../Point';\nimport { Control } from './Control';\nimport type { TMat2D } from '../typedefs';\nimport type { Polyline } from '../shapes/Polyline';\nimport { multiplyTransformMatrices } from '../util/misc/matrix';\nimport type {\n  TModificationEvents,\n  TPointerEvent,\n  Transform,\n  TransformActionHandler,\n} from '../EventTypeDefs';\nimport { wrapWithFireEvent } from './wrapWithFireEvent';\nimport { sendPointToPlane } from '../util/misc/planeChange';\nimport { MODIFY_POLY } from '../constants';\n\nconst ACTION_NAME: TModificationEvents = MODIFY_POLY;\n\ntype TTransformAnchor = Transform & { pointIndex: number };\n\n/**\n * This function locates the controls.\n * It'll be used both for drawing and for interaction.\n */\nexport const createPolyPositionHandler = (pointIndex: number) => {\n  return function (dim: Point, finalMatrix: TMat2D, polyObject: Polyline) {\n    const { points, pathOffset } = polyObject;\n    return new Point(points[pointIndex])\n      .subtract(pathOffset)\n      .transform(\n        multiplyTransformMatrices(\n          polyObject.getViewportTransform(),\n          polyObject.calcTransformMatrix(),\n        ),\n      );\n  };\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 */\nexport const polyActionHandler = (\n  eventData: TPointerEvent,\n  transform: TTransformAnchor,\n  x: number,\n  y: number,\n) => {\n  const { target, pointIndex } = transform;\n  const poly = target as Polyline;\n  const mouseLocalPosition = sendPointToPlane(\n    new Point(x, y),\n    undefined,\n    poly.calcOwnMatrix(),\n  );\n\n  poly.points[pointIndex] = mouseLocalPosition.add(poly.pathOffset);\n  poly.setDimensions();\n  poly.set('dirty', true);\n  return true;\n};\n\n/**\n * Keep the polygon in the same position when we change its `width`/`height`/`top`/`left`.\n */\nexport const factoryPolyActionHandler = (\n  pointIndex: number,\n  fn: TransformActionHandler<TTransformAnchor>,\n) => {\n  return function (\n    eventData: TPointerEvent,\n    transform: Transform,\n    x: number,\n    y: number,\n  ) {\n    const poly = transform.target as Polyline,\n      anchorPoint = new Point(\n        poly.points[(pointIndex > 0 ? pointIndex : poly.points.length) - 1],\n      ),\n      anchorPointInParentPlane = anchorPoint\n        .subtract(poly.pathOffset)\n        .transform(poly.calcOwnMatrix()),\n      actionPerformed = fn(eventData, { ...transform, pointIndex }, x, y);\n\n    const newAnchorPointInParentPlane = anchorPoint\n      .subtract(poly.pathOffset)\n      .transform(poly.calcOwnMatrix());\n\n    const diff = newAnchorPointInParentPlane.subtract(anchorPointInParentPlane);\n    poly.left -= diff.x;\n    poly.top -= diff.y;\n\n    return actionPerformed;\n  };\n};\n\nexport const createPolyActionHandler = (pointIndex: number) =>\n  wrapWithFireEvent(\n    ACTION_NAME,\n    factoryPolyActionHandler(pointIndex, polyActionHandler),\n  );\n\nexport function createPolyControls(\n  poly: Polyline,\n  options?: Partial<Control>,\n): Record<string, Control>;\nexport function createPolyControls(\n  numOfControls: number,\n  options?: Partial<Control>,\n): Record<string, Control>;\nexport function createPolyControls(\n  arg0: number | Polyline,\n  options: Partial<Control> = {},\n) {\n  const controls = {} as Record<string, Control>;\n  for (\n    let idx = 0;\n    idx < (typeof arg0 === 'number' ? arg0 : arg0.points.length);\n    idx++\n  ) {\n    controls[`p${idx}`] = new Control({\n      actionName: ACTION_NAME,\n      positionHandler: createPolyPositionHandler(idx),\n      actionHandler: createPolyActionHandler(idx),\n      ...options,\n    });\n  }\n  return controls;\n}\n"],"names":["ACTION_NAME","MODIFY_POLY","createPolyPositionHandler","pointIndex","dim","finalMatrix","polyObject","points","pathOffset","Point","subtract","transform","multiplyTransformMatrices","getViewportTransform","calcTransformMatrix","polyActionHandler","eventData","x","y","target","poly","mouseLocalPosition","sendPointToPlane","undefined","calcOwnMatrix","add","setDimensions","set","factoryPolyActionHandler","fn","anchorPoint","length","anchorPointInParentPlane","actionPerformed","_objectSpread","newAnchorPointInParentPlane","diff","left","top","createPolyActionHandler","wrapWithFireEvent","createPolyControls","arg0","options","arguments","controls","idx","concat","Control","actionName","positionHandler","actionHandler"],"mappings":"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"}