UNPKG

konva

Version:

<p align="center"> <img src="https://konvajs.org/android-chrome-192x192.png" alt="Konva logo" height="180" /> </p>

132 lines (131 loc) 4.5 kB
import { Transform } from '../Util.js'; import { Node } from '../Node.js'; import { Shape } from '../Shape.js'; import { Rect } from './Rect.js'; import { Group } from '../Group.js'; import { ContainerConfig } from '../Container.js'; import { GetSet, IRect, Vector2d } from '../types.js'; export interface Box extends IRect { rotation: number; } export interface TransformerConfig extends ContainerConfig { resizeEnabled?: boolean; rotateEnabled?: boolean; rotateLineVisible?: boolean; rotationSnaps?: Array<number>; rotationSnapTolerance?: number; rotateAnchorOffset?: number; rotateAnchorCursor?: string; borderEnabled?: boolean; borderStroke?: string; borderStrokeWidth?: number; borderDash?: Array<number>; anchorFill?: string; anchorStroke?: string; anchorStrokeWidth?: number; anchorSize?: number; anchorCornerRadius?: number; keepRatio?: boolean; shiftBehavior?: string; centeredScaling?: boolean; enabledAnchors?: Array<string>; flipEnabled?: boolean; node?: Rect; ignoreStroke?: boolean; boundBoxFunc?: (oldBox: Box, newBox: Box) => Box; useSingleNodeRotation?: boolean; shouldOverdrawWholeArea?: boolean; anchorDragBoundFunc?: (oldPos: Vector2d, newPos: Vector2d, evt: any) => Vector2d; anchorStyleFunc?: (anchor: Shape) => void; } export declare class Transformer extends Group { _nodes: Array<Node>; _movingAnchorName: string | null; _transforming: boolean; _anchorDragOffset: Vector2d; sin: number; cos: number; _cursorChange: boolean; static isTransforming: () => boolean; constructor(config?: TransformerConfig); attachTo(node: Node): this; setNode(node: Node): this; getNode(): Node<import("../Node.js").NodeConfig>; _getEventNamespace(): string; setNodes(nodes?: Array<Node>): this; _proxyDrag(node: Node): void; getNodes(): Node<import("../Node.js").NodeConfig>[]; getActiveAnchor(): string | null; detach(): void; _resetTransformCache(): void; _getNodeRect(): any; __getNodeShape(node: Node, rot?: number, relative?: Node): { rotation: number; x: number; y: number; width: number; height: number; }; __getNodeRect(): { x: number; y: number; width: number; height: number; rotation: number; }; getX(): any; getY(): any; getWidth(): any; getHeight(): any; _createElements(): void; _createAnchor(name: any): void; _createBack(): void; _handleMouseDown(e: any): void; _handleMouseMove(e: any): void; _handleMouseUp(e: any): void; getAbsoluteTransform(): Transform; _removeEvents(e?: any): void; _fitNodesInto(newAttrs: any, evt?: any): void; forceUpdate(): void; _batchChangeChild(selector: string, attrs: any): void; update(): void; isTransforming(): boolean; stopTransform(): void; destroy(): this; toObject(): { attrs: any; className: string; children?: any[] | undefined; }; clone(obj?: any): this; getClientRect(): IRect; nodes: GetSet<Node[], this>; enabledAnchors: GetSet<string[], this>; rotationSnaps: GetSet<number[], this>; anchorSize: GetSet<number, this>; resizeEnabled: GetSet<boolean, this>; rotateEnabled: GetSet<boolean, this>; rotateLineVisible: GetSet<boolean, this>; rotateAnchorOffset: GetSet<number, this>; rotationSnapTolerance: GetSet<number, this>; rotateAnchorCursor: GetSet<string, this>; padding: GetSet<number, this>; borderEnabled: GetSet<boolean, this>; borderStroke: GetSet<string, this>; borderStrokeWidth: GetSet<number, this>; borderDash: GetSet<number[], this>; anchorFill: GetSet<string, this>; anchorStroke: GetSet<string, this>; anchorCornerRadius: GetSet<number, this>; anchorStrokeWidth: GetSet<number, this>; keepRatio: GetSet<boolean, this>; shiftBehavior: GetSet<string, this>; centeredScaling: GetSet<boolean, this>; flipEnabled: GetSet<boolean, this>; ignoreStroke: GetSet<boolean, this>; boundBoxFunc: GetSet<(oldBox: Box, newBox: Box) => Box, this>; anchorDragBoundFunc: GetSet<(oldPos: Vector2d, newPos: Vector2d, e: MouseEvent) => Vector2d, this>; anchorStyleFunc: GetSet<null | ((Node: Rect) => void), this>; shouldOverdrawWholeArea: GetSet<boolean, this>; useSingleNodeRotation: GetSet<boolean, this>; }