UNPKG

fabric

Version:

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

fabricjs.com

fabricjs/fabric.js

1 lines • 6.19 kB
1
{"version":3,"file":"util.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":";;;;;;;AAiBA,MAAa,qBAAqB;;;;;;;AAQlC,MAAa,uBACX,iBACA,QACA,GACA,WACG;AACH,KAAI,CAAC,UAAU,CAAC,gBACd,QAAO;CAET,MAAM,UAAU,OAAO,SAAS;AAChC,QAAO,QAAQ,cAAc,GAAG,SAAS,OAAO;;;;;;;AAQlD,SAAgB,oBAAoB,WAAsB;AACxD,QACE,cAAc,UAAU,QAAQ,KAAK,cAAA,SAAqB,IAC1D,cAAc,UAAU,QAAQ,KAAK,cAAA,SAAqB;;AAI9D,SAAgB,aAAa,QAA6B;AACxD,QAAO,CAAC,cAAc,OAAO,GAAG;;AAGlC,MAAa,YACX,QACA,eASG,OAAO;AAEZ,MAAa,mBAGR,WAAW,WAAW,GAAG,MAAM;AAClC,QAAO;EACL,GAAG;EACH;EACA,SAAS,IAAI,MAAM,GAAG,EAAE;EACzB;;;;;;;;;AAUH,SAAgB,mBACd,cACA,SACA,OACQ;CACR,MAAM,SAAS;CAMf,MAAM,QAAQ,mBAAmB,aALlB,iBACb,aAAa,gBAAgB,EAC7B,aAAa,OAAQ,mBACrB,KAAA,EACD,EACqD,OAAO,CAAC,GAAG;AACjE,QAAO,KAAK,MAAO,QAAQ,YAAa,UAAU;;;;;AAMpD,SAAS,eACP,QACA,OACA,SACA,SACO;CACP,MAAM,SAAS,OAAO,wBAAwB,EAC5C,IACE,OAAO,YAAY,eAAe,OAAO,YAAY,cACjD,OAAO,uBACL,QACA,QACA,QACA,SACA,QACD,GACD,IAAI,MAAM,OAAO,MAAM,OAAO,IAAI;AAI1C,SAHO,OAAO,QACR,MAAM,OAAO,CAAC,iBAAiB,OAAO,MAAM,EAAE,OAAO,GACrD,OACI,SAAS,EAAE;;;;;;;;;;;AAYvB,SAAgB,cACd,EAAE,QAAQ,UACV,SACA,SACA,GACA,GACA;;CACA,MAAM,UAAU,OAAO,SAAS,SAC9B,SAAA,iBAAO,OAAO,YAAA,QAAA,mBAAA,KAAA,IAAA,KAAA,IAAA,eAAQ,SAAS,KAAI,GACnC,UAAU,OAAO,UAAU,MAC3B,aAAa,eAAe,QAAQ,IAAI,MAAM,GAAG,EAAE,EAAE,SAAS,QAAQ;AACxE,KAAI,WAAW,KAAK,QAClB,YAAW,KAAK;AAElB,KAAI,WAAW,KAAK,CAAC,QACnB,YAAW,KAAK;AAElB,KAAI,WAAW,KAAK,QAClB,YAAW,KAAK;AAElB,KAAI,WAAW,KAAK,QAClB,YAAW,KAAK;AAElB,YAAW,KAAK,QAAQ;AACxB,YAAW,KAAK,QAAQ;AACxB,QAAO"}