fabric 7.4.0 → 7.5.0-beta.1

package/dist/src/canvas/StaticCanvas.d.ts

@@ -1,607 +0,0 @@
-import type { CanvasEvents, StaticCanvasEvents } from '../EventTypeDefs';
-import { CommonMethods } from '../CommonMethods';
-import { Point } from '../Point';
-import type { TCachedFabricObject } from '../shapes/Object/Object';
-import type { Abortable, TCornerPoint, TDataUrlOptions, TFiller, TMat2D, TSize, TSVGReviver, TToCanvasElementOptions, TValidToObjectMethod, TOptions } from '../typedefs';
-import type { EnlivenObjectOptions } from '../util/misc/objectEnlive';
-import { StaticCanvasDOMManager } from './DOMManagers/StaticCanvasDOMManager';
-import type { CSSDimensions } from './DOMManagers/util';
-import type { FabricObject } from '../shapes/Object/FabricObject';
-import type { StaticCanvasOptions } from './StaticCanvasOptions';
-/**
- * Having both options in TCanvasSizeOptions set to true transform the call in a calcOffset
- * Better try to restrict with types to avoid confusion.
- */
-export type TCanvasSizeOptions = {
-    backstoreOnly?: true;
-    cssOnly?: false;
-} | {
-    backstoreOnly?: false;
-    cssOnly?: true;
-};
-export type TSVGExportOptions = {
-    suppressPreamble?: boolean;
-    viewBox?: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    };
-    encoding?: 'UTF-8';
-    width?: string;
-    height?: string;
-    reviver?: TSVGReviver;
-};
-export type PatternQuality = 'fast' | 'good' | 'best' | 'nearest' | 'bilinear';
-declare const StaticCanvas_base: {
-    new (...args: any[]): {
-        _objects: FabricObject[];
-        _onObjectAdded(object: FabricObject): void;
-        _onObjectRemoved(object: FabricObject): void;
-        _onStackOrderChanged(object: FabricObject): void;
-        add(...objects: FabricObject[]): number;
-        insertAt(index: number, ...objects: FabricObject[]): number;
-        remove(...objects: FabricObject[]): FabricObject<Partial<import("../..").FabricObjectProps>, import("../..").SerializedObjectProps, import("../EventTypeDefs").ObjectEvents>[];
-        forEachObject(callback: (object: FabricObject, index: number, array: FabricObject[]) => any): void;
-        getObjects(...types: string[]): FabricObject<Partial<import("../..").FabricObjectProps>, import("../..").SerializedObjectProps, import("../EventTypeDefs").ObjectEvents>[];
-        item(index: number): FabricObject<Partial<import("../..").FabricObjectProps>, import("../..").SerializedObjectProps, import("../EventTypeDefs").ObjectEvents>;
-        isEmpty(): boolean;
-        size(): number;
-        contains(object: FabricObject, deep?: boolean): boolean;
-        complexity(): number;
-        sendObjectToBack(object: FabricObject): boolean;
-        bringObjectToFront(object: FabricObject): boolean;
-        sendObjectBackwards(object: FabricObject, intersecting?: boolean): boolean;
-        bringObjectForward(object: FabricObject, intersecting?: boolean): boolean;
-        moveObjectTo(object: FabricObject, index: number): boolean;
-        findNewLowerIndex(object: FabricObject, idx: number, intersecting?: boolean): number;
-        findNewUpperIndex(object: FabricObject, idx: number, intersecting?: boolean): number;
-        collectObjects({ left, top, width, height }: import("../typedefs").TBBox, { includeIntersecting }?: {
-            includeIntersecting?: boolean;
-        }): import("../..").InteractiveFabricObject<Partial<import("../..").FabricObjectProps>, import("../..").SerializedObjectProps, import("../EventTypeDefs").ObjectEvents>[];
-    };
-} & {
-    new (): CommonMethods<CanvasEvents>;
-};
-/**
- * Static canvas class
- * @see {@link http://fabric5.fabricjs.com/static_canvas|StaticCanvas demo}
- * @fires before:render
- * @fires after:render
- * @fires canvas:cleared
- * @fires object:added
- * @fires object:removed
- */
-export declare class StaticCanvas<EventSpec extends StaticCanvasEvents = StaticCanvasEvents> extends StaticCanvas_base implements StaticCanvasOptions {
-    width: number;
-    height: number;
-    backgroundVpt: boolean;
-    backgroundColor: TFiller | string;
-    backgroundImage?: FabricObject;
-    overlayVpt: boolean;
-    overlayColor: TFiller | string;
-    overlayImage?: FabricObject;
-    clipPath?: FabricObject;
-    includeDefaultValues: boolean;
-    renderOnAddRemove: boolean;
-    skipOffscreen: boolean;
-    enableRetinaScaling: boolean;
-    imageSmoothingEnabled: boolean;
-    /**
-     * @todo move to Canvas
-     */
-    controlsAboveOverlay: boolean;
-    /**
-     * @todo move to Canvas
-     */
-    allowTouchScrolling: boolean;
-    viewportTransform: TMat2D;
-    /**
-     * The viewport bounding box in scene plane coordinates, see {@link calcViewportBoundaries}
-     */
-    vptCoords: TCornerPoint;
-    /**
-     * A reference to the canvas actual HTMLCanvasElement.
-     * Can be use to read the raw pixels, but never write or manipulate
-     * @type HTMLCanvasElement
-     */
-    get lowerCanvasEl(): HTMLCanvasElement;
-    get contextContainer(): CanvasRenderingContext2D;
-    /**
-     * If true the Canvas is in the process or has been disposed/destroyed.
-     * No more rendering operation will be executed on this canvas.
-     * @type boolean
-     */
-    destroyed?: boolean;
-    /**
-     * Started the process of disposing but not done yet.
-     * WIll likely complete the render cycle already scheduled but stopping adding more.
-     * @type boolean
-     */
-    disposed?: boolean;
-    _offset: {
-        left: number;
-        top: number;
-    };
-    protected hasLostContext: boolean;
-    protected nextRenderHandle: number;
-    elements: StaticCanvasDOMManager;
-    /**
-     * When true control drawing is skipped.
-     * This boolean is used to avoid toDataURL to export controls.
-     * Usage of this boolean to build up other flows and features is not supported
-     * @type Boolean
-     * @default false
-     */
-    protected skipControlsDrawing: boolean;
-    /**
-     * Controls the rendering of images under node-canvas.
-     * Has no effects on the browser context.
-     */
-    patternQuality: PatternQuality;
-    static ownDefaults: TOptions<StaticCanvasOptions>;
-    protected __cleanupTask?: {
-        (): void;
-        kill: (reason?: any) => void;
-    };
-    static getDefaults(): Record<string, any>;
-    constructor(el?: string | HTMLCanvasElement, options?: TOptions<StaticCanvasOptions>);
-    protected initElements(el?: string | HTMLCanvasElement): void;
-    add(...objects: FabricObject[]): number;
-    insertAt(index: number, ...objects: FabricObject[]): number;
-    remove(...objects: FabricObject[]): FabricObject<Partial<import("../..").FabricObjectProps>, import("../..").SerializedObjectProps, import("../EventTypeDefs").ObjectEvents>[];
-    _onObjectAdded(obj: FabricObject): void;
-    _onObjectRemoved(obj: FabricObject): void;
-    _onStackOrderChanged(): void;
-    /**
-     * @private
-     * @see https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/HTML-canvas-guide/SettingUptheCanvas/SettingUptheCanvas.html
-     * @return {Number} retinaScaling if applied, otherwise 1;
-     */
-    getRetinaScaling(): number;
-    /**
-     * Calculates canvas element offset relative to the document
-     * This method is also attached as "resize" event handler of window
-     */
-    calcOffset(): {
-        left: number;
-        top: number;
-    };
-    /**
-     * Returns canvas width (in px)
-     * @return {Number}
-     */
-    getWidth(): number;
-    /**
-     * Returns canvas height (in px)
-     * @return {Number}
-     */
-    getHeight(): number;
-    /**
-     * Internal use only
-     * @protected
-     */
-    protected _setDimensionsImpl(dimensions: Partial<TSize | CSSDimensions>, { cssOnly, backstoreOnly }?: TCanvasSizeOptions): void;
-    /**
-     * Sets dimensions (width, height) of this canvas instance. when options.cssOnly flag active you should also supply the unit of measure (px/%/em)
-     * @param {Object}        dimensions                    Object with width/height properties
-     * @param {Number|String} [dimensions.width]            Width of canvas element
-     * @param {Number|String} [dimensions.height]           Height of canvas element
-     * @param {Object}        [options]                     Options object
-     * @param {Boolean}       [options.backstoreOnly=false] Set the given dimensions only as canvas backstore dimensions
-     * @param {Boolean}       [options.cssOnly=false]       Set the given dimensions only as css dimensions
-     */
-    setDimensions(dimensions: Partial<CSSDimensions>, options?: {
-        cssOnly?: true;
-        backstoreOnly?: false;
-    }): void;
-    setDimensions(dimensions: Partial<TSize>, options?: {
-        backstoreOnly?: true;
-        cssOnly?: false;
-    }): void;
-    setDimensions(dimensions: Partial<TSize>, options?: never): void;
-    /**
-     * Returns the canvas zoom level as the magnitude of the viewport scale.
-     * @return {Number}
-     */
-    getZoom(): number;
-    /**
-     * Sets viewport transformation of this canvas instance
-     * @param {Array} vpt a Canvas 2D API transform matrix
-     */
-    setViewportTransform(vpt: TMat2D): void;
-    /**
-     * Sets zoom level of this canvas instance, the zoom centered around point
-     * meaning that following zoom to point with the same point will have the visual
-     * effect of the zoom originating from that point. The point won't move.
-     * It has nothing to do with canvas center or visual center of the viewport.
-     * @param {Point} point to zoom with respect to
-     * @param {Number} value to set zoom to, less than 1 zooms out
-     */
-    zoomToPoint(point: Point, value: number): void;
-    /**
-     * Sets zoom level of this canvas instance
-     * @param {Number} value to set zoom to, less than 1 zooms out
-     */
-    setZoom(value: number): void;
-    /**
-     * Pan viewport so as to place point at top left corner of canvas
-     * @param {Point} point to move to
-     */
-    absolutePan(point: Point): void;
-    /**
-     * Pans viewpoint relatively
-     * @param {Point} point (position vector) to move by
-     */
-    relativePan(point: Point): void;
-    /**
-     * Returns &lt;canvas> element corresponding to this instance
-     * @return {HTMLCanvasElement}
-     */
-    getElement(): HTMLCanvasElement;
-    /**
-     * Clears specified context of canvas element
-     * @param {CanvasRenderingContext2D} ctx Context to clear
-     */
-    clearContext(ctx: CanvasRenderingContext2D): void;
-    /**
-     * Returns context of canvas where objects are drawn
-     * @return {CanvasRenderingContext2D}
-     */
-    getContext(): CanvasRenderingContext2D;
-    /**
-     * Clears all contexts (background, main, top) of an instance
-     */
-    clear(): void;
-    /**
-     * Renders the canvas
-     */
-    renderAll(): void;
-    /**
-     * Function created to be instance bound at initialization
-     * used in requestAnimationFrame rendering
-     * Let the fabricJS call it. If you call it manually you could have more
-     * animationFrame stacking on to of each other
-     * for an imperative rendering, use canvas.renderAll
-     * @private
-     */
-    renderAndReset(): void;
-    /**
-     * Append a renderAll request to next animation frame.
-     * unless one is already in progress, in that case nothing is done
-     * a boolean flag will avoid appending more.
-     */
-    requestRenderAll(): void;
-    /**
-     * Calculate the position of the 4 corner of canvas with current viewportTransform.
-     * helps to determinate when an object is in the current rendering viewport
-     */
-    calcViewportBoundaries(): TCornerPoint;
-    cancelRequestedRender(): void;
-    drawControls(_ctx: CanvasRenderingContext2D): void;
-    /**
-     * Renders background, objects, overlay and controls.
-     * @param {CanvasRenderingContext2D} ctx
-     * @param {Array} objects to render
-     */
-    renderCanvas(ctx: CanvasRenderingContext2D, objects: FabricObject[]): void;
-    /**
-     * Paint the cached clipPath on the lowerCanvasEl
-     * @param {CanvasRenderingContext2D} ctx Context to render on
-     */
-    drawClipPathOnCanvas(ctx: CanvasRenderingContext2D, clipPath: TCachedFabricObject): void;
-    /**
-     * @private
-     * @param {CanvasRenderingContext2D} ctx Context to render on
-     * @param {Array} objects to render
-     */
-    _renderObjects(ctx: CanvasRenderingContext2D, objects: FabricObject[]): void;
-    /**
-     * @private
-     * @param {CanvasRenderingContext2D} ctx Context to render on
-     * @param {string} property 'background' or 'overlay'
-     */
-    _renderBackgroundOrOverlay(ctx: CanvasRenderingContext2D, property: 'background' | 'overlay'): void;
-    /**
-     * @private
-     * @param {CanvasRenderingContext2D} ctx Context to render on
-     */
-    _renderBackground(ctx: CanvasRenderingContext2D): void;
-    /**
-     * @private
-     * @param {CanvasRenderingContext2D} ctx Context to render on
-     */
-    _renderOverlay(ctx: CanvasRenderingContext2D): void;
-    /**
-     * Returns coordinates of a center of canvas.
-     * @return {Point}
-     */
-    getCenterPoint(): Point;
-    /**
-     * Centers object horizontally in the canvas
-     */
-    centerObjectH(object: FabricObject): void;
-    /**
-     * Centers object vertically in the canvas
-     * @param {FabricObject} object Object to center vertically
-     */
-    centerObjectV(object: FabricObject): void;
-    /**
-     * Centers object vertically and horizontally in the canvas
-     * @param {FabricObject} object Object to center vertically and horizontally
-     */
-    centerObject(object: FabricObject): void;
-    /**
-     * Centers object vertically and horizontally in the viewport
-     * @param {FabricObject} object Object to center vertically and horizontally
-     */
-    viewportCenterObject(object: FabricObject): void;
-    /**
-     * Centers object horizontally in the viewport, object.top is unchanged
-     * @param {FabricObject} object Object to center vertically and horizontally
-     */
-    viewportCenterObjectH(object: FabricObject): void;
-    /**
-     * Centers object Vertically in the viewport, object.top is unchanged
-     * @param {FabricObject} object Object to center vertically and horizontally
-     */
-    viewportCenterObjectV(object: FabricObject): void;
-    /**
-     * Calculate the point in canvas that correspond to the center of actual viewport.
-     * @return {Point} vpCenter, viewport center
-     */
-    getVpCenter(): Point;
-    /**
-     * @private
-     * @param {FabricObject} object Object to center
-     * @param {Point} center Center point
-     */
-    _centerObject(object: FabricObject, center: Point): void;
-    /**
-     * Returns dataless JSON representation of canvas
-     * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output
-     * @return {String} json string
-     */
-    toDatalessJSON(propertiesToInclude?: string[]): any;
-    /**
-     * Returns object representation of canvas
-     * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output
-     * @return {Object} object representation of an instance
-     */
-    toObject(propertiesToInclude?: string[]): any;
-    /**
-     * Returns Object representation of canvas
-     * this alias is provided because if you call JSON.stringify on an instance,
-     * the toJSON object will be invoked if it exists.
-     * Having a toJSON method means you can do JSON.stringify(myCanvas)
-     * JSON does not support additional properties because toJSON has its own signature
-     * @return {Object} JSON compatible object
-     * @see {@link http://fabric5.fabricjs.com/fabric-intro-part-3#serialization}
-     * @see {@link http://jsfiddle.net/fabricjs/pec86/|jsFiddle demo}
-     * @example <caption>JSON representation of canvas </caption>
-     * const json = canvas.toJSON();
-     * @example <caption>JSON representation of canvas </caption>
-     * const json = JSON.stringify(canvas);
-     */
-    toJSON(): any;
-    /**
-     * Returns dataless object representation of canvas
-     * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output
-     * @return {Object} object representation of an instance
-     */
-    toDatalessObject(propertiesToInclude?: string[]): any;
-    /**
-     * @private
-     */
-    _toObjectMethod(methodName: TValidToObjectMethod, propertiesToInclude?: string[]): any;
-    /**
-     * @private
-     */
-    protected _toObject(instance: FabricObject, methodName: TValidToObjectMethod, propertiesToInclude?: string[]): any;
-    /**
-     * @private
-     */
-    __serializeBgOverlay(methodName: TValidToObjectMethod, propertiesToInclude?: string[]): any;
-    svgViewportTransformation: boolean;
-    /**
-     * Returns SVG representation of canvas
-     * @param {Object} [options] Options object for SVG output
-     * @param {Boolean} [options.suppressPreamble=false] If true xml tag is not included
-     * @param {Object} [options.viewBox] SVG viewbox object
-     * @param {Number} [options.viewBox.x] x-coordinate of viewbox
-     * @param {Number} [options.viewBox.y] y-coordinate of viewbox
-     * @param {Number} [options.viewBox.width] Width of viewbox
-     * @param {Number} [options.viewBox.height] Height of viewbox
-     * @param {String} [options.encoding=UTF-8] Encoding of SVG output
-     * @param {String} [options.width] desired width of svg with or without units
-     * @param {String} [options.height] desired height of svg with or without units
-     * @param {Function} [reviver] Method for further parsing of svg elements, called after each fabric object converted into svg representation.
-     * @return {String} SVG string
-     * @see {@link http://fabric5.fabricjs.com/fabric-intro-part-3#serialization}
-     * @see {@link http://jsfiddle.net/fabricjs/jQ3ZZ/|jsFiddle demo}
-     * @example <caption>Normal SVG output</caption>
-     * var svg = canvas.toSVG();
-     * @example <caption>SVG output without preamble (without &lt;?xml ../>)</caption>
-     * var svg = canvas.toSVG({suppressPreamble: true});
-     * @example <caption>SVG output with viewBox attribute</caption>
-     * var svg = canvas.toSVG({
-     *   viewBox: {
-     *     x: 100,
-     *     y: 100,
-     *     width: 200,
-     *     height: 300
-     *   }
-     * });
-     * @example <caption>SVG output with different encoding (default: UTF-8)</caption>
-     * var svg = canvas.toSVG({encoding: 'ISO-8859-1'});
-     * @example <caption>Modify SVG output with reviver function</caption>
-     * var svg = canvas.toSVG(null, function(svg) {
-     *   return svg.replace('stroke-dasharray: ; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; ', '');
-     * });
-     */
-    toSVG(options?: TSVGExportOptions, reviver?: TSVGReviver): string;
-    /**
-     * @private
-     */
-    _setSVGPreamble(markup: string[], options: TSVGExportOptions): void;
-    /**
-     * @private
-     */
-    _setSVGHeader(markup: string[], options: TSVGExportOptions): void;
-    createSVGClipPathMarkup(options: TSVGExportOptions): string;
-    /**
-     * Creates markup containing SVG referenced elements like patterns, gradients etc.
-     * @return {String}
-     */
-    createSVGRefElementsMarkup(): string;
-    /**
-     * Creates markup containing SVG font faces,
-     * font URLs for font faces must be collected by developers
-     * and are not extracted from the DOM by fabricjs
-     * @param {Array} objects Array of fabric objects
-     * @return {String}
-     */
-    createSVGFontFacesMarkup(): string;
-    /**
-     * @private
-     */
-    _setSVGObjects(markup: string[], reviver?: TSVGReviver): void;
-    /**
-     * This is its own function because the Canvas ( non static ) requires extra code here
-     * @private
-     */
-    _setSVGObject(markup: string[], instance: FabricObject, reviver?: TSVGReviver): void;
-    /**
-     * @private
-     */
-    _setSVGBgOverlayImage(markup: string[], property: 'overlayImage' | 'backgroundImage', reviver?: TSVGReviver): void;
-    /**
-     * @TODO this seems to handle patterns but fail at gradients.
-     * @private
-     */
-    _setSVGBgOverlayColor(markup: string[], property: 'background' | 'overlay'): void;
-    /**
-     * Populates canvas with data from the specified JSON.
-     * JSON format must conform to the one of {@link fabric.Canvas#toJSON}
-     *
-     * **IMPORTANT**: It is recommended to abort loading tasks before calling this method to prevent race conditions and unnecessary networking
-     *
-     * @param {String|Object} json JSON string or object
-     * @param {Promise<FabricObject> | Promise<void> | void} [reviver] Method for further parsing of JSON elements, called after each fabric object created with the instance
-     * if creation was successfully or with defined error if not. If a FabricObject is returned in the reviver, and an error occurred, this instance will be used in place of that one witch generated error.
-     * @param {Object} [options] options
-     * @param {AbortSignal} [options.signal] see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal
-     * @return {Promise<Canvas | StaticCanvas>} instance
-     * @see {@link http://fabric5.fabricjs.com/fabric-intro-part-3#deserialization}
-     * @see {@link http://jsfiddle.net/fabricjs/fmgXt/|jsFiddle demo}
-     * @example <caption>loadFromJSON</caption>
-     * canvas.loadFromJSON(json).then((canvas) => canvas.requestRenderAll());
-     * @example <caption>loadFromJSON with reviver</caption>
-     * canvas.loadFromJSON(json, function(o, object, error) {
-     *   // `o` = json object
-     *   // `object` = fabric.Object instance or undefined
-     *   // `error` = FabricError or undefined
-     *   // ... do some stuff ...
-     *   if(error){
-     *      return new FabricText('placeholder-object');
-     *   }
-     * }).then((canvas) => {
-     *   ... canvas is restored, add your code.
-     * });
-     *
-     */
-    loadFromJSON(json: string | Record<string, any>, reviver?: EnlivenObjectOptions['reviver'], { signal }?: Abortable): Promise<this>;
-    /**
-     * Clones canvas instance
-     * @param {string[]} [properties] Array of properties to include in the cloned canvas and children
-     */
-    clone(properties: string[]): Promise<this>;
-    /**
-     * Clones canvas instance without cloning existing data.
-     * This essentially copies canvas dimensions since loadFromJSON does not affect canvas size.
-     */
-    cloneWithoutData(): this;
-    /**
-     * Exports canvas element to a dataurl image. Note that when multiplier is used, cropping is scaled appropriately
-     * @param {Object} [options] Options object
-     * @param {String} [options.format=png] The format of the output image. Either "jpeg" or "png"
-     * @param {Number} [options.quality=1] Quality level (0..1). Only used for jpeg.
-     * @param {Number} [options.multiplier=1] Multiplier to scale by, to have consistent
-     * @param {Number} [options.left] Cropping left offset. Introduced in v1.2.14
-     * @param {Number} [options.top] Cropping top offset. Introduced in v1.2.14
-     * @param {Number} [options.width] Cropping width. Introduced in v1.2.14
-     * @param {Number} [options.height] Cropping height. Introduced in v1.2.14
-     * @param {Boolean} [options.enableRetinaScaling] Enable retina scaling for clone image. Introduce in 2.0.0
-     * @param {(object: fabric.Object) => boolean} [options.filter] Function to filter objects.
-     * @return {String} Returns a data: URL containing a representation of the object in the format specified by options.format
-     * @see {@link https://jsfiddle.net/xsjua1rd/ demo}
-     * @example <caption>Generate jpeg dataURL with lower quality</caption>
-     * var dataURL = canvas.toDataURL({
-     *   format: 'jpeg',
-     *   quality: 0.8
-     * });
-     * @example <caption>Generate cropped png dataURL (clipping of canvas)</caption>
-     * var dataURL = canvas.toDataURL({
-     *   format: 'png',
-     *   left: 100,
-     *   top: 100,
-     *   width: 200,
-     *   height: 200
-     * });
-     * @example <caption>Generate double scaled png dataURL</caption>
-     * var dataURL = canvas.toDataURL({
-     *   format: 'png',
-     *   multiplier: 2
-     * });
-     * @example <caption>Generate dataURL with objects that overlap a specified object</caption>
-     * var myObject;
-     * var dataURL = canvas.toDataURL({
-     *   filter: (object) => object.isContainedWithinObject(myObject) || object.intersectsWithObject(myObject)
-     * });
-     */
-    toDataURL(options?: TDataUrlOptions): string;
-    toBlob(options?: TDataUrlOptions): Promise<Blob | null>;
-    /**
-     * Create a new HTMLCanvas element painted with the current canvas content.
-     * No need to resize the actual one or repaint it.
-     * Will transfer object ownership to a new canvas, paint it, and set everything back.
-     * This is an intermediary step used to get to a dataUrl but also it is useful to
-     * create quick image copies of a canvas without passing for the dataUrl string
-     * @param {Number} [multiplier] a zoom factor.
-     * @param {Object} [options] Cropping informations
-     * @param {Number} [options.left] Cropping left offset.
-     * @param {Number} [options.top] Cropping top offset.
-     * @param {Number} [options.width] Cropping width.
-     * @param {Number} [options.height] Cropping height.
-     * @param {(object: fabric.Object) => boolean} [options.filter] Function to filter objects.
-     */
-    toCanvasElement(multiplier?: number, { width, height, left, top, filter }?: TToCanvasElementOptions): HTMLCanvasElement;
-    /**
-     * Waits until rendering has settled to destroy the canvas
-     * @returns {Promise<boolean>} a promise resolving to `true` once the canvas has been destroyed or to `false` if the canvas has was already destroyed
-     * @throws if aborted by a consequent call
-     */
-    dispose(): Promise<boolean>;
-    /**
-     * Clears the canvas element, disposes objects and frees resources.
-     *
-     * Invoked as part of the **async** operation of {@link dispose}.
-     *
-     * **CAUTION**:
-     *
-     * This method is **UNSAFE**.
-     * You may encounter a race condition using it if there's a requested render.
-     * Call this method only if you are sure rendering has settled.
-     * Consider using {@link dispose} as it is **SAFE**
-     *
-     * @private
-     */
-    destroy(): void;
-    /**
-     * Returns a string representation of an instance
-     * @return {String} string representation of an instance
-     */
-    toString(): string;
-}
-export {};
-//# sourceMappingURL=StaticCanvas.d.ts.map

package/dist/src/canvas/StaticCanvas.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StaticCanvas.d.ts","sourceRoot":"","sources":["../../../src/canvas/StaticCanvas.ts"],"names":[],"mappings":"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"}

package/dist/src/canvas/StaticCanvas.min.mjs

@@ -1,11 +0,0 @@
-import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.min.mjs";import{config as t}from"../config.min.mjs";import{FabricError as n,log as r}from"../util/internals/console.min.mjs";import{getDevicePixelRatio as i}from"../env/index.min.mjs";import{CENTER as a,VERSION as o}from"../constants.min.mjs";import{runningAnimations as s}from"../util/animation/AnimationRegistry.min.mjs";import{Point as c}from"../Point.min.mjs";import{createCollectionMixin as l,isCollection as u}from"../Collection.min.mjs";import{CommonMethods as d}from"../CommonMethods.min.mjs";import{cancelAnimFrame as f,requestAnimFrame as p}from"../util/animation/AnimationFrameProvider.min.mjs";import{uid as m}from"../util/internals/uid.min.mjs";import{createCanvasElementFor as h,toBlob as g,toDataURL as _}from"../util/misc/dom.min.mjs";import{calcPlaneZoom as v,invertTransform as y,transformPoint as b}from"../util/misc/matrix.min.mjs";import{enlivenObjectEnlivables as x,enlivenObjects as S}from"../util/misc/objectEnlive.min.mjs";import{pick as C}from"../util/misc/pick.min.mjs";import{toFixed as w}from"../util/misc/toFixed.min.mjs";import{matrixToSVG as T}from"../util/misc/svgExport.min.mjs";import{isFiller as E,isPattern as D,isTextObject as O}from"../util/typeAssertions.min.mjs";import{StaticCanvasDOMManager as k}from"./DOMManagers/StaticCanvasDOMManager.min.mjs";import{staticCanvasDefaults as A}from"./StaticCanvasOptions.min.mjs";import{escapeXml as j}from"../util/lang_string.min.mjs";var M=class e extends l(d){get lowerCanvasEl(){var e;return(e=this.elements.lower)==null?void 0:e.el}get contextContainer(){var e;return(e=this.elements.lower)==null?void 0:e.ctx}static getDefaults(){return e.ownDefaults}constructor(e,t={}){super(),Object.assign(this,this.constructor.getDefaults()),this.set(t),this.initElements(e),this._setDimensionsImpl({width:this.width||this.elements.lower.el.width||0,height:this.height||this.elements.lower.el.height||0}),this.skipControlsDrawing=!1,this.viewportTransform=[...this.viewportTransform],this.calcViewportBoundaries()}initElements(e){this.elements=new k(e)}add(...e){let t=super.add(...e);return e.length>0&&this.renderOnAddRemove&&this.requestRenderAll(),t}insertAt(e,...t){let n=super.insertAt(e,...t);return t.length>0&&this.renderOnAddRemove&&this.requestRenderAll(),n}remove(...e){let t=super.remove(...e);return t.length>0&&this.renderOnAddRemove&&this.requestRenderAll(),t}_onObjectAdded(e){e.canvas&&e.canvas!==this&&(r(`warn`,`Canvas is trying to add an object that belongs to a different canvas.
-Resulting to default behavior: removing object from previous canvas and adding to new canvas`),e.canvas.remove(e)),e._set(`canvas`,this),e.setCoords(),this.fire(`object:added`,{target:e}),e.fire(`added`,{target:this})}_onObjectRemoved(e){e._set(`canvas`,void 0),this.fire(`object:removed`,{target:e}),e.fire(`removed`,{target:this})}_onStackOrderChanged(){this.renderOnAddRemove&&this.requestRenderAll()}getRetinaScaling(){return this.enableRetinaScaling?i():1}calcOffset(){return this._offset=this.elements.calcOffset()}getWidth(){return this.width}getHeight(){return this.height}_setDimensionsImpl(e,{cssOnly:t=!1,backstoreOnly:n=!1}={}){if(!t){let t={width:this.width,height:this.height,...e};this.elements.setDimensions(t,this.getRetinaScaling()),this.hasLostContext=!0,this.width=t.width,this.height=t.height}n||this.elements.setCSSDimensions(e),this.calcOffset()}setDimensions(e,t){this._setDimensionsImpl(e,t),t&&t.cssOnly||this.requestRenderAll()}getZoom(){return v(this.viewportTransform)}setViewportTransform(e){this.viewportTransform=e,this.calcViewportBoundaries(),this.renderOnAddRemove&&this.requestRenderAll()}zoomToPoint(e,t){let n=e,r=[...this.viewportTransform],i=b(e,y(r));r[0]=t,r[3]=t;let a=b(i,r);r[4]+=n.x-a.x,r[5]+=n.y-a.y,this.setViewportTransform(r)}setZoom(e){this.zoomToPoint(new c(0,0),e)}absolutePan(e){let t=[...this.viewportTransform];return t[4]=-e.x,t[5]=-e.y,this.setViewportTransform(t)}relativePan(e){return this.absolutePan(new c(-e.x-this.viewportTransform[4],-e.y-this.viewportTransform[5]))}getElement(){return this.elements.lower.el}clearContext(e){e.clearRect(0,0,this.width,this.height)}getContext(){return this.elements.lower.ctx}clear(){this.remove(...this.getObjects()),this.backgroundImage=void 0,this.overlayImage=void 0,this.backgroundColor=``,this.overlayColor=``,this.clearContext(this.getContext()),this.fire(`canvas:cleared`),this.renderOnAddRemove&&this.requestRenderAll()}renderAll(){this.cancelRequestedRender(),this.destroyed||this.renderCanvas(this.getContext(),this._objects)}renderAndReset(){this.nextRenderHandle=0,this.renderAll()}requestRenderAll(){this.nextRenderHandle||this.disposed||this.destroyed||(this.nextRenderHandle=p(()=>this.renderAndReset()))}calcViewportBoundaries(){let e=this.width,t=this.height,n=y(this.viewportTransform),r=b({x:0,y:0},n),i=b({x:e,y:t},n),a=r.min(i),o=r.max(i);return this.vptCoords={tl:a,tr:new c(o.x,a.y),bl:new c(a.x,o.y),br:o}}cancelRequestedRender(){this.nextRenderHandle&&(f(this.nextRenderHandle),this.nextRenderHandle=0)}drawControls(e){}renderCanvas(e,t){if(this.destroyed)return;let n=this.viewportTransform,r=this.clipPath;this.calcViewportBoundaries(),this.clearContext(e),e.imageSmoothingEnabled=this.imageSmoothingEnabled,e.patternQuality=this.patternQuality,this.fire(`before:render`,{ctx:e}),this._renderBackground(e),e.save(),e.transform(n[0],n[1],n[2],n[3],n[4],n[5]),this._renderObjects(e,t),e.restore(),this.controlsAboveOverlay||this.skipControlsDrawing||this.drawControls(e),r&&(r._set(`canvas`,this),r.shouldCache(),r._transformDone=!0,r.renderCache({forClipping:!0}),this.drawClipPathOnCanvas(e,r)),this._renderOverlay(e),this.controlsAboveOverlay&&!this.skipControlsDrawing&&this.drawControls(e),this.fire(`after:render`,{ctx:e}),this.__cleanupTask&&(this.__cleanupTask(),this.__cleanupTask=void 0)}drawClipPathOnCanvas(e,t){let n=this.viewportTransform;e.save(),e.transform(...n),e.globalCompositeOperation=`destination-in`,t.transform(e),e.scale(1/t.zoomX,1/t.zoomY),e.drawImage(t._cacheCanvas,-t.cacheTranslationX,-t.cacheTranslationY),e.restore()}_renderObjects(e,t){for(let n=0,r=t.length;n<r;++n)t[n]&&t[n].render(e)}_renderBackgroundOrOverlay(e,t){let n=this[`${t}Color`],r=this[`${t}Image`],i=this.viewportTransform,a=this[`${t}Vpt`];if(!n&&!r)return;let o=E(n);if(n){if(e.save(),e.beginPath(),e.moveTo(0,0),e.lineTo(this.width,0),e.lineTo(this.width,this.height),e.lineTo(0,this.height),e.closePath(),e.fillStyle=o?n.toLive(e):n,a&&e.transform(...i),o){e.transform(1,0,0,1,n.offsetX||0,n.offsetY||0);let t=n.gradientTransform||n.patternTransform;t&&e.transform(...t)}e.fill(),e.restore()}if(r){e.save();let{skipOffscreen:t}=this;this.skipOffscreen=a,a&&e.transform(...i),r.render(e),this.skipOffscreen=t,e.restore()}}_renderBackground(e){this._renderBackgroundOrOverlay(e,`background`)}_renderOverlay(e){this._renderBackgroundOrOverlay(e,`overlay`)}getCenterPoint(){return new c(this.width/2,this.height/2)}centerObjectH(e){return this._centerObject(e,new c(this.getCenterPoint().x,e.getCenterPoint().y))}centerObjectV(e){return this._centerObject(e,new c(e.getCenterPoint().x,this.getCenterPoint().y))}centerObject(e){return this._centerObject(e,this.getCenterPoint())}viewportCenterObject(e){return this._centerObject(e,this.getVpCenter())}viewportCenterObjectH(e){return this._centerObject(e,new c(this.getVpCenter().x,e.getCenterPoint().y))}viewportCenterObjectV(e){return this._centerObject(e,new c(e.getCenterPoint().x,this.getVpCenter().y))}getVpCenter(){return b(this.getCenterPoint(),y(this.viewportTransform))}_centerObject(e,t){e.setXY(t,a,a),e.setCoords(),this.renderOnAddRemove&&this.requestRenderAll()}toDatalessJSON(e){return this.toDatalessObject(e)}toObject(e){return this._toObjectMethod(`toObject`,e)}toJSON(){return this.toObject()}toDatalessObject(e){return this._toObjectMethod(`toDatalessObject`,e)}_toObjectMethod(e,t){let n=this.clipPath,r=n&&!n.excludeFromExport?this._toObject(n,e,t):null;return{version:o,...C(this,t),objects:this._objects.filter(e=>!e.excludeFromExport).map(n=>this._toObject(n,e,t)),...this.__serializeBgOverlay(e,t),...r?{clipPath:r}:null}}_toObject(e,t,n){let r;this.includeDefaultValues||(r=e.includeDefaultValues,e.includeDefaultValues=!1);let i=e[t](n);return this.includeDefaultValues||(e.includeDefaultValues=!!r),i}__serializeBgOverlay(e,t){let n={},r=this.backgroundImage,i=this.overlayImage,a=this.backgroundColor,o=this.overlayColor;return E(a)?a.excludeFromExport||(n.background=a.toObject(t)):a&&(n.background=a),E(o)?o.excludeFromExport||(n.overlay=o.toObject(t)):o&&(n.overlay=o),r&&!r.excludeFromExport&&(n.backgroundImage=this._toObject(r,e,t)),i&&!i.excludeFromExport&&(n.overlayImage=this._toObject(i,e,t)),n}toSVG(e={},t){e.reviver=t;let n=[];var r;return(this._setSVGPreamble(n,e),this._setSVGHeader(n,e),this.clipPath)&&n.push(`<g clip-path="url(#${j((r=this.clipPath.clipPathId)==null?``:r)})" >\n`),this._setSVGBgOverlayColor(n,`background`),this._setSVGBgOverlayImage(n,`backgroundImage`,t),this._setSVGObjects(n,t),this.clipPath&&n.push(`</g>
-`),this._setSVGBgOverlayColor(n,`overlay`),this._setSVGBgOverlayImage(n,`overlayImage`,t),n.push(`</svg>`),n.join(``)}_setSVGPreamble(e,t){t.suppressPreamble||e.push(`<?xml version="1.0" encoding="`,t.encoding||`UTF-8`,`" standalone="no" ?>
-`,`<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" `,`"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-`)}_setSVGHeader(e,n){let r=n.width||`${this.width}`,i=n.height||`${this.height}`,a=t.NUM_FRACTION_DIGITS,s=n.viewBox,c;if(s)c=`viewBox="${s.x} ${s.y} ${s.width} ${s.height}" `;else if(this.svgViewportTransformation){let e=this.viewportTransform;c=`viewBox="${w(-e[4]/e[0],a)} ${w(-e[5]/e[3],a)} ${w(this.width/e[0],a)} ${w(this.height/e[3],a)}" `}else c=`viewBox="0 0 ${this.width} ${this.height}" `;e.push(`<svg `,`xmlns="http://www.w3.org/2000/svg" `,`xmlns:xlink="http://www.w3.org/1999/xlink" `,`version="1.1" `,`width="`,r,`" `,`height="`,i,`" `,c,`xml:space="preserve">
-`,`<desc>Created with Fabric.js `,o,`</desc>
-`,`<defs>
-`,this.createSVGFontFacesMarkup(),this.createSVGRefElementsMarkup(),this.createSVGClipPathMarkup(n),`</defs>
-`)}createSVGClipPathMarkup(e){let t=this.clipPath;return t?(t.clipPathId=`CLIPPATH_${m()}`,`<clipPath id="${t.clipPathId}" >\n${t.toClipPathSVG(e.reviver)}</clipPath>\n`):``}createSVGRefElementsMarkup(){return[`background`,`overlay`].map(e=>{let t=this[`${e}Color`];if(E(t)){let n=this[`${e}Vpt`],r=this.viewportTransform,i={isType:()=>!1,width:this.width/(n?r[0]:1),height:this.height/(n?r[3]:1)};return t.toSVG(i,{additionalTransform:n?T(r):``})}}).join(``)}createSVGFontFacesMarkup(){let e=[],n={},r=t.fontPaths;this._objects.forEach(function t(n){e.push(n),u(n)&&n._objects.forEach(t)}),e.forEach(e=>{if(!O(e))return;let{styles:t,fontFamily:i}=e;!n[i]&&r[i]&&(n[i]=!0,t&&Object.values(t).forEach(e=>{Object.values(e).forEach(({fontFamily:e=``})=>{!n[e]&&r[e]&&(n[e]=!0)})}))});let i=Object.keys(n).map(e=>`\t\t@font-face {\n\t\t\tfont-family: '${e}';\n\t\t\tsrc: url('${r[e]}');\n\t\t}\n`).join(``);return i?`\t<style type="text/css"><![CDATA[\n${i}]]></style>\n`:``}_setSVGObjects(e,t){this.forEachObject(n=>{n.excludeFromExport||this._setSVGObject(e,n,t)})}_setSVGObject(e,t,n){e.push(t.toSVG(n))}_setSVGBgOverlayImage(e,t,n){let r=this[t];r&&!r.excludeFromExport&&r.toSVG&&e.push(r.toSVG(n))}_setSVGBgOverlayColor(e,t){let n=this[`${t}Color`];if(n)if(E(n)){let r=n.repeat||``,i=this.width,a=this.height,o=this[`${t}Vpt`]?T(y(this.viewportTransform)):``;e.push(`<rect transform="${o} translate(${i/2},${a/2})" x="${n.offsetX-i/2}" y="${n.offsetY-a/2}" width="${r!==`repeat-y`&&r!==`no-repeat`||!D(n)?i:n.source.width}" height="${r!==`repeat-x`&&r!==`no-repeat`||!D(n)?a:n.source.height}" fill="url(#SVGID_${n.id})"></rect>\n`)}else e.push(`<rect x="0" y="0" width="100%" height="100%" `,`fill="`,n,`"`,`></rect>
-`)}loadFromJSON(e,t,{signal:r}={}){if(!e)return Promise.reject(new n("`json` is undefined"));let{objects:i=[],...a}=typeof e==`string`?JSON.parse(e):e,{backgroundImage:o,background:s,overlayImage:c,overlay:l,clipPath:u}=a,d=this.renderOnAddRemove;return this.renderOnAddRemove=!1,Promise.all([S(i,{reviver:t,signal:r}),x({backgroundImage:o,backgroundColor:s,overlayImage:c,overlayColor:l,clipPath:u},{signal:r})]).then(([e,t])=>(this.clear(),this.add(...e),this.set(a),this.set(t),this.renderOnAddRemove=d,this))}clone(e){let t=this.toObject(e);return this.cloneWithoutData().loadFromJSON(t)}cloneWithoutData(){let e=h(this);return new this.constructor(e)}toDataURL(e={}){let{format:t=`png`,quality:n=1,multiplier:r=1,enableRetinaScaling:i=!1}=e,a=r*(i?this.getRetinaScaling():1);return _(this.toCanvasElement(a,e),t,n)}toBlob(e={}){let{format:t=`png`,quality:n=1,multiplier:r=1,enableRetinaScaling:i=!1}=e,a=r*(i?this.getRetinaScaling():1);return g(this.toCanvasElement(a,e),t,n)}toCanvasElement(e=1,{width:t,height:n,left:r,top:i,filter:a}={}){let o=(t||this.width)*e,s=(n||this.height)*e,c=this.getZoom(),l=this.width,u=this.height,d=this.skipControlsDrawing,f=c*e,p=this.viewportTransform,m=[f,0,0,f,(p[4]-(r||0))*e,(p[5]-(i||0))*e],g=this.enableRetinaScaling,_=h({width:o,height:s}),v=a?this._objects.filter(e=>a(e)):this._objects;return this.enableRetinaScaling=!1,this.viewportTransform=m,this.width=o,this.height=s,this.skipControlsDrawing=!0,this.calcViewportBoundaries(),this.renderCanvas(_.getContext(`2d`),v),this.viewportTransform=p,this.width=l,this.height=u,this.calcViewportBoundaries(),this.enableRetinaScaling=g,this.skipControlsDrawing=d,_}dispose(){return!this.disposed&&this.elements.cleanupDOM({width:this.width,height:this.height}),s.cancelByCanvas(this),this.disposed=!0,new Promise((e,t)=>{let n=()=>{this.destroy(),e(!0)};n.kill=t,this.__cleanupTask&&this.__cleanupTask.kill(`aborted`),this.destroyed?e(!1):this.nextRenderHandle?this.__cleanupTask=n:n()})}destroy(){this.destroyed=!0,this.cancelRequestedRender(),this.forEachObject(e=>e.dispose()),this._objects=[],this.backgroundImage&&this.backgroundImage.dispose(),this.backgroundImage=void 0,this.overlayImage&&this.overlayImage.dispose(),this.overlayImage=void 0,this.elements.dispose()}toString(){return`#<Canvas (${this.complexity()}): { objects: ${this._objects.length} }>`}};e(M,`ownDefaults`,A);export{M as StaticCanvas};
-//# sourceMappingURL=StaticCanvas.min.mjs.map