UNPKG

html-to-image

Version:

Generates an image from a DOM node using HTML5 canvas and SVG.

97 lines (96 loc) 3.25 kB
export interface Options { /** * Width in pixels to be applied to node before rendering. */ width?: number; /** * Height in pixels to be applied to node before rendering. */ height?: number; /** * A string value for the background color, any valid CSS color value. */ backgroundColor?: string; /** * Width in pixels to be applied to canvas on export. */ canvasWidth?: number; /** * Height in pixels to be applied to canvas on export. */ canvasHeight?: number; /** * An object whose properties to be copied to node's style before rendering. */ style?: Partial<CSSStyleDeclaration>; /** * An array of style properties to be copied to node's style before rendering. * For performance-critical scenarios, users may want to specify only the * required properties instead of all styles. */ includeStyleProperties?: string[]; /** * A function taking DOM node as argument. Should return `true` if passed * node should be included in the output. Excluding node means excluding * it's children as well. */ filter?: (domNode: HTMLElement) => boolean; /** * A number between `0` and `1` indicating image quality (e.g. 0.92 => 92%) * of the JPEG image. */ quality?: number; /** * Set to `true` to append the current time as a query string to URL * requests to enable cache busting. */ cacheBust?: boolean; /** * Set false to use all URL as cache key. * Default: false | undefined - which strips away the query parameters */ includeQueryParams?: boolean; /** * A data URL for a placeholder image that will be used when fetching * an image fails. Defaults to an empty string and will render empty * areas for failed images. */ imagePlaceholder?: string; /** * The pixel ratio of captured image. Defalut is the actual pixel ratio of * the device. Set 1 to use as initial-scale 1 for the image */ pixelRatio?: number; /** * Option to skip the fonts download and embed. */ skipFonts?: boolean; /** * The preferred font format. If specified all other font formats are ignored. */ preferredFontFormat?: 'woff' | 'woff2' | 'truetype' | 'opentype' | 'embedded-opentype' | 'svg' | string; /** * A CSS string to specify for font embeds. If specified only this CSS will * be present in the resulting image. Use with `getFontEmbedCSS()` to * create embed CSS for use across multiple calls to library functions. */ fontEmbedCSS?: string; /** * A boolean to turn off auto scaling for truly massive images.. */ skipAutoScale?: boolean; /** * A string indicating the image format. The default type is image/png; that type is also used if the given type isn't supported. */ type?: string; /** * *the second parameter of window.fetch (Promise<Response> fetch(input[, init])) * */ fetchRequestInit?: RequestInit; /** * An event handler for the error event when any image in html has problem with loading. */ onImageErrorHandler?: OnErrorEventHandler; }