tsparticles/dist/browser/Core/Canvas.d.ts

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.

import type { Container } from "./Container";
import type { IDimension } from "./Interfaces/IDimension";
import type { IRgb } from "./Interfaces/Colors";
import type { ICoordinates } from "./Interfaces/ICoordinates";
import type { IParticle } from "./Interfaces/IParticle";
import type { IContainerPlugin } from "./Interfaces/IContainerPlugin";
import type { ILink } from "./Interfaces/ILink";
import type { Particle } from "./Particle";
import type { IDelta } from "./Interfaces/IDelta";
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;
    drawParticleShadow(particle: Particle, mousePos: ICoordinates): void;
    drawLinkTriangle(p1: IParticle, link1: ILink, link2: ILink): void;
    drawLinkLine(p1: IParticle, link: ILink): void;
    drawParticle(particle: Particle, delta: IDelta): void;
    drawParticleLinks(particle: Particle): void;
    drawPlugin(plugin: IContainerPlugin, delta: IDelta): void;
    drawLight(mousePos: ICoordinates): void;
    private paintBase;
    private lineStyle;
    private initBackground;
}