react-perspective-transform
Version:
A lightweight **React** component that applies a perspective transform to its children, allowing you to manipulate each corner independently. Perfect for interactive demos, image warping, or advanced UI effects.
24 lines (23 loc) • 615 B
TypeScript
import { ReactNode, FC } from "react";
import "./style.css";
export interface Corner {
x: number;
y: number;
}
export interface Points {
topLeft: Corner;
topRight: Corner;
bottomRight: Corner;
bottomLeft: Corner;
}
export interface PerspectiveTransformProps {
children: ReactNode;
points?: Points;
onPointsChange?: (points: Points) => void;
storageKey?: string;
editable?: boolean;
onEditableChange?: (nextEditable: boolean) => void;
toggleKeys?: string[];
}
declare const PerspectiveTransform: FC<PerspectiveTransformProps>;
export default PerspectiveTransform;