image2file

📎 Installation

$ npm install image2file

👽 Usage

import { imageToBase64 } from 'image2file'

✈️ Functions

Image Functions

| name | description | | ------------------------- | ------------------------------ | | imageDataToFile | ImageData to File | | imageElementToFile | HTMLImageElement to File | | imageDataToImageElement | ImageData to HTMLImageElement | | imageToBase64 | Image to Base64 | | imageToImageElement | Image file to HTMLImageElement | | imageFileToBase64 | Image file to Base64 | | imageToSvg | Image to SVG | | imageFileToSvg | Image file to SVG |

SVG Functions

| name | description | | ------------------- | ---------------------- | | svgToBase64 | SVG to svg base64 | | svgFileToBase64 | SVG File to SVG Base64 | | svgToImageElement | SVG to ImageElement | | svgToImageBase64 | SVG to image base64 | | svgToImageFile | SVG to image file |

PSD Functions

| name | description | | ------------------- | ----------------------- | | psdToImageFile | PSD to image file | | psdToImageElement | PSD to HTMLImageElement | | psdToImageData | PSD to ImageData | | psdToBase64 | PSD to Base64 | | psdToSvg | PSD to SVG |

Other Functions

| name | description | | ---------------------- | -------------------------- | | fileToBase64 | File to Base64 | | blobToArrayBuffer | Blob to ArrayBuffer | | base64ToFile | Base64 to File | | base64ToImageElement | Base64 to HTMLImageElement |

Type Declares

function generateFileReader<T>(source: File | Blob): Promise<T | undefined | null>
function fileToBase64<T = string>(source: File): Promise<T | null | undefined>
function blobToArrayBuffer<T = ArrayBuffer>(source: Blob): Promise<T | null | undefined>
function base64ToFile(base64: string, filename: string): File
function base64ToImageElement(base64: string): HTMLImageElement
function imageDataToFile(imageData: ImageData, filename: string, fileType?: string, quality?: number): Promise<File>
function imageElementToFile(imageEl: HTMLImageElement, filename: string, fileType?: string, quality?: number): Promise<File>
function imageDataToImageElement(imageData: ImageData, fileType?: string, quality?: number): Promise<HTMLImageElement>
function imageToImageElement(imageFile: File): Promise<HTMLImageElement | undefined>
function imageToBase64(image: ImageData | HTMLImageElement, fileType?: string, quality?: number): Promise<string>
function imageFileToBase64(imageFile: File): Promise<string | null | undefined>
function imageToSvg(image: string): Promise<string>
function imageFileToSvg(imageFile: File): Promise<string | undefined>
function psdToImageFile(file: File, fileType?: string, quality?: number): Promise<File>
function psdToImageElement(file: File, fileType?: string, quality?: number): Promise<HTMLImageElement>
function psdToImageData(file: File): Promise<ImageData>
function psdToBase64(file: File, fileType?: string, quality?: number): Promise<string>
function psdToSvg(file: File, fileType?: string, quality?: number): Promise<string>
function svgToBase64(file: File | SVGElement): Promise<string | null | undefined> | undefined
function svgFileToBase64(file: File): Promise<string | null | undefined> | undefined
function svgElementToBase64(file: SVGElement): Promise<string | null | undefined> | undefined
function svgToImageElement(file: File): Promise<HTMLImageElement | undefined>
function svgToImageBase64(file: File, fileType?: string, quality?: number): Promise<string | undefined>
function svgToImageFile(file: File, fileType?: string, quality?: number): Promise<File | undefined>