@loaders.gl/images
Advanced tools
Framework-independent loaders and writers for images (PNG, JPG, ...)
@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.
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');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 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 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.
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.
For documentation please visit the website.
v3.0.0-alpha.12
FAQs
Framework-independent loaders and writers for images (PNG, JPG, ...)
The npm package @loaders.gl/images receives a total of 237,238 weekly downloads. As such, @loaders.gl/images popularity was classified as popular.
We found that @loaders.gl/images demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 8 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.
Research
Security News
Attackers used a malicious npm package typosquatting a popular ESLint plugin to steal sensitive data, execute commands, and exploit developer systems.
Security News
The Ultralytics' PyPI Package was compromised four times in one weekend through GitHub Actions cache poisoning and failure to rotate previously compromised API tokens.