@loaders.gl/images

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');