UNPKG

hover-effects-ts

Version:

A collection of beautiful hover effects for images using canvas

59 lines 1.59 kB
import { HoverEffect } from '../core/types'; export declare class AsciiHover implements HoverEffect { private readonly id; private element; private canvas; private ctx; private tempCanvas; private tempCtx; private isHovering; private mousePos; private animationFrame; private imageData; private lastRenderTime; private readonly FPS; private readonly frameInterval; private frameCount; private glitchOffsets; private nonColoredChars; private radius; private size; private chars; private scale; private glitchIntensity; private glitchSpeed; private charMetrics; private get cellW(); private get cellH(); private autoSize; private baseImageSize; constructor(options?: { radius?: number; size?: number; glitchIntensity?: number; glitchSpeed?: number; chars?: string[]; }); private hexToRgba; private rgbToHsl; private hslToCss; private initGlitchOffsets; private updateGlitchOffsets; private onMouseEnter; private onMouseLeave; private onMouseMove; private updateImageData; private render; attach(element: HTMLElement): void; detach(): void; destroy(): void; setGlitchIntensity(intensity: number): void; setGlitchSpeed(speed: number): void; setRadius(radius: number): void; setSize(size: number): void; setChars(chars: string[]): void; private calculateAutoSize; setAutoSize(enabled: boolean): void; private measureChars; } //# sourceMappingURL=ascii.d.ts.map