1 line
7.9 KiB
Plaintext
1 line
7.9 KiB
Plaintext
|
{"version":3,"file":"croppingControls.mjs","names":[],"sources":["../../extensions/cropping_controls/croppingControls.ts"],"sourcesContent":["import { Control, controlsUtils } from 'fabric';\nimport {\n changeCropHeight,\n changeCropWidth,\n changeCropX,\n changeCropY,\n ghostScalePositionHandler,\n scaleEquallyCropGenerator,\n changeWidthAndScaleToCover,\n changeHeightAndScaleToCover,\n withFlip,\n withCornerFlip,\n} from './croppingHandlers';\nimport {\n renderCornerControl,\n renderRoundedSegmentControl,\n shouldActivateCorner,\n} from './controlRendering';\n\nconst { scaleCursorStyleHandler } = controlsUtils;\n\nconst cropActionName = () => 'crop';\n\n// use this function if you want to generate new controls for every instance\nexport const createImageCroppingControls = () => ({\n // scaling image\n tls: new Control({\n x: -0.5,\n y: -0.5,\n cursorStyleHandler: scaleCursorStyleHandler,\n positionHandler: ghostScalePositionHandler,\n actionHandler: scaleEquallyCropGenerator(-0.5, -0.5),\n }),\n brs: new Control({\n x: 0.5,\n y: 0.5,\n cursorStyleHandler: scaleCursorStyleHandler,\n positionHandler: ghostScalePositionHandler,\n actionHandler: scaleEquallyCropGenerator(0.5, 0.5),\n }),\n trs: new Control({\n x: 0.5,\n y: -0.5,\n cursorStyleHandler: scaleCursorStyleHandler,\n positionHandler: ghostScalePositionHandler,\n actionHandler: scaleEquallyCropGenerator(0.5, -0.5),\n }),\n bls: new Control({\n x: -0.5,\n y: 0.5,\n cursorStyleHandler: scaleCursorStyleHandler,\n positionHandler: ghostScalePositionHandler,\n actionHandler: scaleEquallyCropGenerator(-0.5, 0.5),\n }),\n // cropping image\n mlc: new Control({\n x: -0.5,\n y: 0,\n angle: 90,\n sizeX: 8,\n sizeY: 16,\n render: renderRoundedSegmentControl,\n cursorStyleHandler: scaleCursorStyleHandler,\n actionHandler: withFlip(changeCropX, changeCropWidth, 'flipX'),\n getActionName: cropActionName,\n }),\n\n mrc: new Control({\n x: 0.5,\n y: 0,\n angle: 90,\n sizeX: 8,\n sizeY: 16,\n render: renderRoundedSegmentControl,\n cursorStyleHandler: scaleCursorStyleHandler,\n actionHandler: withFlip(changeCropWidth, changeCropX, 'flipX'),\n getActionName: cropActionName,\n }),\n\n mbc: new Control({\n x: 0,\n y: 0.5,\n angle: 0,\n sizeX: 16,\n sizeY: 8,\n render: renderRoundedSegmentControl,\n cursorStyleHandler: scaleCursorStyleHandler,\n actionHandler: withFlip(changeCropHeight, changeCropY, 'flipY'),\n getActionName: cropActionName,\n }),\n\n mtc: new Control({\n x: 0,\n y: -0.5,\n angle: 0,\n sizeX: 16,\n sizeY: 8,\n render: renderRoundedSegmentControl,\n cursorStyleHandler: scaleCursorStyleHandler,\n actionHandler: withFlip(changeCropY, changeCropHeight, 'flipY'),\n getActionName: cropActionName,\n }),\n\n tlc: new Control({\n angle: 0,\n x: -0.5,\n y: -0.5,\n sizeX: 12,\n sizeY: 8,\n render: renderCornerControl,\n shouldActivate: shouldActivateCorner,\n cursorStyleHandler: scaleCursorStyleHandler,\n actionHandler: withCornerFlip(\n changeCropX,\n changeCropWidth,\n changeCropY,\n changeCropHeight,\n ),\n getActionName: cropActionName,\n }),\n\n trc: new Control({\n angle: 90,\n x: 0.5,\n y: -0.5,\n sizeX: 12,\n sizeY: 8,\n render: renderCornerControl,\n shouldActivate: shouldActivateCorner,\n cursorStyleHandler: scaleCursorStyleHandler,\n actionHandler: withCornerFlip(\n changeCropWidth,\n changeCropX,\n changeCropY,\n changeCropHeight,\n ),\n getActionName: cropActionName,\n }),\n\n blc: new Control({\n angle: 270,\n x: -0.5,\n y: 0.5,\n sizeX: 12,\n sizeY: 8,\n render: renderCornerControl,\n shouldActivate: shouldActivateCorner,\n cursorStyleHandler: scaleCursorStyleHandler,\n actionHandler: withCornerFlip(\n changeCropX,\n changeCropWidth,\n changeCropHeight,\n changeCropY,\n ),\n getActionName: cropActionName,\n
|