fabric
Version:
Object model for HTML5 canvas, and SVG-to-canvas parser. Backed by jsdom and node-canvas.
1 lines • 6.17 kB
Source Map (JSON)
{"version":3,"file":"util.min.mjs","names":[],"sources":["../../../src/controls/util.ts"],"sourcesContent":["import type {\n TPointerEvent,\n Transform,\n TransformAction,\n BasicTransformEvent,\n} from '../EventTypeDefs';\nimport { resolveOrigin } from '../util/misc/resolveOrigin';\nimport { Point } from '../Point';\nimport type { FabricObject } from '../shapes/Object/FabricObject';\nimport type { TOriginX, TOriginY } from '../typedefs';\nimport { degreesToRadians } from '../util/misc/radiansDegreesConversion';\nimport type { Control } from './Control';\nimport { CENTER, quarterPI, twoMathPi } from '../constants';\nimport { calcVectorRotation, createVector } from '../util/misc/vectors';\nimport type { TOCoord } from '../shapes/Object/InteractiveObject';\nimport { sendPointToPlane } from '../util/misc/planeChange';\n\nexport const NOT_ALLOWED_CURSOR = 'not-allowed';\n\n/**\n * @param {Boolean} alreadySelected true if target is already selected\n * @param {String} corner a string representing the corner ml, mr, tl ...\n * @param {Event} e Event object\n * @param {FabricObject} [target] inserted back to help overriding. Unused\n */\nexport const getActionFromCorner = (\n alreadySelected: boolean,\n corner: string | undefined,\n e: TPointerEvent,\n target: FabricObject,\n) => {\n if (!corner || !alreadySelected) {\n return 'drag';\n }\n const control = target.controls[corner];\n return control.getActionName(e, control, target);\n};\n\n/**\n * Checks if transform is centered\n * @param {Object} transform transform data\n * @return {Boolean} true if transform is centered\n */\nexport function isTransformCentered(transform: Transform) {\n return (\n resolveOrigin(transform.originX) === resolveOrigin(CENTER) &&\n resolveOrigin(transform.originY) === resolveOrigin(CENTER)\n );\n}\n\nexport function invertOrigin(origin: TOriginX | TOriginY) {\n return -resolveOrigin(origin) + 0.5;\n}\n\nexport const isLocked = (\n target: FabricObject,\n lockingKey:\n | 'lockMovementX'\n | 'lockMovementY'\n | 'lockRotation'\n | 'lockScalingX'\n | 'lockScalingY'\n | 'lockSkewingX'\n | 'lockSkewingY'\n | 'lockScalingFlip',\n) => target[lockingKey];\n\nexport const commonEventInfo: TransformAction<\n Transform,\n BasicTransformEvent\n> = (eventData, transform, x, y) => {\n return {\n e: eventData,\n transform,\n pointer: new Point(x, y),\n };\n};\n\n/**\n * Combine control position and object angle to find the control direction compared\n * to the object center.\n * @param {FabricObject} fabricObject the fabric object for which we are rendering controls\n * @param {Control} control the control class\n * @return {Number} 0 - 7 a quadrant number\n */\nexport function findCornerQuadrant(\n fabricObject: FabricObject,\n control: Control,\n coord: TOCoord,\n): number {\n const target = coord;\n const center = sendPointToPlane(\n fabricObject.getCenterPoint(),\n fabricObject.canvas!.viewportTransform,\n undefined,\n );\n const angle = calcVectorRotation(createVector(center, target)) + twoMathPi;\n return Math.round((angle % twoMathPi) / quarterPI);\n}\n\n/**\n * @returns the normalized point (rotated relative to center) in local coordinates\n */\nfunction normalizePoint(\n target: FabricObject,\n point: Point,\n originX: TOriginX,\n originY: TOriginY,\n): Point {\n const center = target.getRelativeCenterPoint(),\n p =\n typeof originX !== 'undefined' && typeof originY !== 'undefined'\n ? target.translateToGivenOrigin(\n center,\n CENTER,\n CENTER,\n originX,\n originY,\n )\n : new Point(target.left, target.top),\n p2 = target.angle\n ? point.rotate(-degreesToRadians(target.angle), center)\n : point;\n return p2.subtract(p);\n}\n\n/**\n * Transforms a point to the offset from the given origin\n * @param {Object} transform\n * @param {String} originX\n * @param {String} originY\n * @param {number} x\n * @param {number} y\n * @return {Fabric.Point} the normalized point\n */\nexport function getLocalPoint(\n { target, corner }: Transform,\n originX: TOriginX,\n originY: TOriginY,\n x: number,\n y: number,\n) {\n const control = target.controls[corner],\n zoom = target.canvas?.getZoom() || 1,\n padding = target.padding / zoom,\n localPoint = normalizePoint(target, new Point(x, y), originX, originY);\n if (localPoint.x >= padding) {\n localPoint.x -= padding;\n }\n if (localPoint.x <= -padding) {\n localPoint.x += padding;\n }\n if (localPoint.y >= padding) {\n localPoint.y -= padding;\n }\n if (localPoint.y <= padding) {\n localPoint.y += padding;\n }\n localPoint.x -= control.offsetX;\n localPoint.y -= control.offsetY;\n return localPoint;\n}\n"],"mappings":"iaAiBA,MAAa,EAAqB,cAQrB,GACX,EACA,EACA,EACA,IAAA,CAEA,GAAA,CAAK,GAAA,CAAW,EACd,MAAO,OAET,IAAM,EAAU,EAAO,SAAS,GAChC,OAAO,EAAQ,cAAc,EAAG,EAAS,EAAA,EAQ3C,SAAgB,EAAoB,EAAA,CAClC,OACE,EAAc,EAAU,QAAA,GAAa,EAAA,SAAA,EACrC,EAAc,EAAU,QAAA,GAAa,EAAA,SAAA,CAIzC,SAAgB,EAAa,EAAA,CAC3B,MAAgC,IAAxB,EAAc,EAAA,CAGxB,MAAa,GACX,EACA,IASG,EAAO,GAEC,GAGR,EAAW,EAAW,EAAG,KACrB,CACF,EACH,UAAA,EACA,QAAS,IAAI,EAAM,EAAG,EAAA,CAAA,EAW1B,SAAgB,EACd,EACA,EACA,EAAA,CAEA,IAAM,EAAS,EAMT,EAAQ,EAAmB,EALlB,EACb,EAAa,gBAAA,CACb,EAAa,OAAQ,kBAAA,IACrB,GAAA,CAEoD,EAAA,CAAA,CAAW,EACjE,OAAO,KAAK,MAAO,EAAQ,EAAa,EAAA,CAsC1C,SAAgB,EAAA,CACd,OAAE,EAAA,OAAQ,GACV,EACA,EACA,EACA,EAAA,CAAA,IAAA,EAEA,IAAM,EAAU,EAAO,SAAS,GAC9B,IAAA,EAAO,EAAO,SAAA,KAAA,IAAA,GAAA,EAAQ,SAAA,GAAa,EACnC,EAAU,EAAO,QAAU,EAC3B,EA1CJ,SACE,EACA,EACA,EACA,EAAA,CAEA,IAAM,EAAS,EAAO,wBAAA,CACpB,EACS,IADT,IACqB,IAAsB,IAAlC,IAA8C,GACjD,EAAO,uBACL,EACA,EACA,EACA,EACA,EAAA,CAEF,IAAI,EAAM,EAAO,KAAM,EAAO,IAAA,CAItC,OAHO,EAAO,MACR,EAAM,OAAA,CAAQ,EAAiB,EAAO,MAAA,CAAQ,EAAA,CAC9C,GACI,SAAS,EAAA,EAsBW,EAAQ,IAAI,EAAM,EAAG,EAAA,CAAI,EAAS,EAAA,CAehE,OAdI,EAAW,GAAK,IAClB,EAAW,GAAK,GAEd,EAAW,GAAA,CAAM,IACnB,EAAW,GAAK,GAEd,EAAW,GAAK,IAClB,EAAW,GAAK,GAEd,EAAW,GAAK,IAClB,EAAW,GAAK,GAElB,EAAW,GAAK,EAAQ,QACxB,EAAW,GAAK,EAAQ,QACjB,EAAA,OAAA,KAAA,mBAAA,KAAA,gBAAA,KAAA,mBAAA,KAAA,oBAAA,KAAA,cAAA,KAAA,aAAA,KAAA,SAAA,KAAA"}