@loaders.gl/images

What is @loaders.gl/images?

@loaders.gl/images is a part of the loaders.gl suite, designed to handle image loading and processing. It provides utilities for loading, parsing, and manipulating image data in various formats.

What are @loaders.gl/images's main functionalities?

Loading Images

This feature allows you to load images from a URL or file. The `load` function from `@loaders.gl/core` is used in conjunction with `ImageLoader` from `@loaders.gl/images` to fetch and parse the image.

const { load } = require('@loaders.gl/core');
const { ImageLoader } = require('@loaders.gl/images');

async function loadImage(url) {
  const image = await load(url, ImageLoader);
  console.log(image);
}

loadImage('https://example.com/image.png');

Parsing Image Data

This feature allows you to parse raw image data from an ArrayBuffer. The `parse` function from `@loaders.gl/core` is used with `ImageLoader` to interpret the image data.

const { parse } = require('@loaders.gl/core');
const { ImageLoader } = require('@loaders.gl/images');

async function parseImageData(arrayBuffer) {
  const image = await parse(arrayBuffer, ImageLoader);
  console.log(image);
}

// Assuming arrayBuffer contains image data
parseImageData(arrayBuffer);

Image Manipulation

This feature allows you to manipulate image data after loading it. The `getImageData` function extracts image data that can be further processed or manipulated.

const { load } = require('@loaders.gl/core');
const { ImageLoader, getImageData } = require('@loaders.gl/images');

async function manipulateImage(url) {
  const image = await load(url, ImageLoader);
  const imageData = getImageData(image);
  console.log(imageData);
}

manipulateImage('https://example.com/image.png');

Other packages similar to @loaders.gl/images

sharp

Sharp is a high-performance image processing library for Node.js. It provides extensive functionality for resizing, cropping, and converting images. Compared to @loaders.gl/images, Sharp is more focused on image manipulation and transformation.

jimp

Jimp is an image processing library for Node.js with no dependencies. It offers a wide range of image manipulation features such as resizing, cropping, and color adjustments. Jimp is similar to @loaders.gl/images but is more focused on direct image manipulation rather than loading and parsing.

image-js

Image-js is a comprehensive image processing library for JavaScript. It supports various image formats and provides tools for image analysis and manipulation. Compared to @loaders.gl/images, image-js offers more advanced image processing capabilities.

README

@loaders.gl/images

loaders.gl is a collection of framework independent 3D and geospatial parsers and encoders.

This module contains loader and writers for images that follow loaders.gl conventions and work under both node and browser.

More advanced IO support that handles e.g. stream support in browsers is being developed in this separate module.

These IO functions require dependencies that can signficantly increase the size of an application bundle.