warpvas
Version:
This JavaScript library enables fast and efficient image distortion transformations using Canvas 2D.
39 lines (38 loc) • 1.46 kB
TypeScript
import type { Warpvas } from '../warpvas.class';
/**
* Create warped canvas instance using WebGL in WebWorker
*
* @param warpvas - Warpvas instance containing deformation configuration
* @param source - Source image canvas element
* @param destination - Target canvas (creates new canvas if null)
* @param options - Rendering configuration parameters
*
* @returns Created warped canvas instance using WebGL in WebWorker
*/
export declare const createWarpedCanvas: <Canvas extends HTMLCanvasElement | OffscreenCanvas>(warpvas: Warpvas, source: HTMLCanvasElement | ImageData, destination: Canvas, options: {
x: number;
y: number;
width: number;
height: number;
sourceScale?: number;
destinationScale?: number;
}) => Canvas;
/**
* Convenience method for creating and rendering warped canvas.
*
* @param warpvas - Texture object containing deformation grid and rendering options
* @param source - Source image canvas
* @param destination - Target render canvas (creates new canvas if null)
* @param options - Rendering configuration options
*
* @returns {HTMLCanvasElement} Rendered canvas object
*/
declare const createWarpedCanvasWebGL: (warpvas: Warpvas, source: HTMLCanvasElement, destination: HTMLCanvasElement | null, options: {
x: number;
y: number;
width: number;
height: number;
sourceScale?: number;
destinationScale?: number;
}) => HTMLCanvasElement;
export default createWarpedCanvasWebGL;