tsparticles
Version:
Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.
37 lines (36 loc) • 1.43 kB
TypeScript
import { Container } from "./Container";
import { Particle } from "./Particle";
import { IContainerPlugin, ICoordinates, IDelta, IDimension, IParticle, IRgb } from "./Interfaces";
export declare class Canvas {
private readonly container;
element?: HTMLCanvasElement;
readonly size: IDimension;
resizeFactor?: IDimension;
private context;
private generatedCanvas;
private coverColor?;
private trailFillColor?;
private originalStyle?;
constructor(container: Container);
init(): void;
loadCanvas(canvas: HTMLCanvasElement, generatedCanvas?: boolean): void;
destroy(): void;
paint(): void;
clear(): void;
windowResize(): void;
resize(): void;
drawConnectLine(p1: IParticle, p2: IParticle): void;
drawGrabLine(particle: IParticle, lineColor: IRgb, opacity: number, mousePos: ICoordinates): void;
drawParticle(particle: Particle, delta: IDelta): void;
drawOrbit(particle: IParticle, type: string): void;
drawPlugin(plugin: IContainerPlugin, delta: IDelta): void;
drawParticlePlugin(plugin: IContainerPlugin, particle: Particle, delta: IDelta): void;
initBackground(): void;
draw<T>(cb: (context: CanvasRenderingContext2D) => T): T | undefined;
private initCover;
private initTrail;
private getPluginParticleColors;
private initStyle;
private paintBase;
private lineStyle;
}