motion-v
Version:
<p align="center"> <img width="100" height="100" alt="Motion logo" src="https://user-images.githubusercontent.com/7850794/164965523-3eced4c4-6020-467e-acde-f11b7900ad62.png" /> </p> <h1 align="center">Motion for Vue</h1>
15 lines (14 loc) • 829 B
TypeScript
import { BoundingBox, Box, TransformPoint } from 'framer-motion';
/**
* Bounding boxes tend to be defined as top, left, right, bottom. For various operations
* it's easier to consider each axis individually. This function returns a bounding box
* as a map of single-axis min/max values.
*/
export declare function convertBoundingBoxToBox({ top, left, right, bottom, }: BoundingBox): Box;
/**
* Applies a TransformPoint function to a bounding box. TransformPoint is usually a function
* provided by Framer to allow measured points to be corrected for device scaling. This is used
* when measuring DOM elements and DOM event points.
*/
export declare function transformBoxPoints(point: BoundingBox, transformPoint?: TransformPoint): BoundingBox;
export declare function convertBoxToBoundingBox({ x, y }: Box): BoundingBox;