Operações complexas de processamento de imagens por meio da API JavaScript
Biblioteca JavaScript de código aberto para executar tarefas avançadas de criação e manipulação de imagens, como redimensionamento de imagens, transformação de uma imagem em outra, desfoque de imagem, dimensionamento de imagem e muito mais.
O Jimp – Javascript Image Manipulation Program é uma biblioteca Node.js de código aberto que oferece aos desenvolvedores de software a capacidade de realizar operações complexas de processamento de imagens dentro de seus próprios aplicativos JavaScript. Ele é escrito inteiramente em JavaScript para Node, sem dependências externas ou nativas.
A biblioteca é muito útil para desenvolver qualquer tipo de aplicativo avançado de processamento de imagem e é totalmente gratuita, oferecendo aos desenvolvedores uma solução econômica com facilidade de uso. A biblioteca inclui vários recursos avançados relacionados à criação e manipulação de imagens, como redimensionamento de imagem, qualidade aprimorada de imagens, blitzing de uma imagem para outra, desfoque de imagem, dimensionamento de imagem, aplicação do efeito dither a uma imagem, inversão de imagem, inversão de cores de uma imagem, girar uma imagem, imprimir texto em uma imagem e muito mais.
A biblioteca inclui suporte para vários formatos de imagem avançados, como BMP, GIF, JPEG, PNG, TIFF e muitos mais. Existem alguns plugins extras também disponíveis que podem ser usados para algumas funcionalidades extras, como o plugin circle que pode ser usado para criar um círculo a partir de uma imagem e o plugin shadow que cria uma sombra na imagem. Há plug-in de efeito olho de peixe e plug-in de limite estão disponíveis.
Introdução ao Jimp
Você pode instalar a biblioteca Jimp emitindo um comando simples no Node. Use o seguinte comando.
Instalar Jimp via NPM
npm install jimp Redimensionar imagens usando a biblioteca JavaScript
A biblioteca de código aberto Jimp incluiu funcionalidade para redimensionar imagens dentro de seus próprios aplicativos JavaScript. Em primeiro lugar, você precisa fornecer uma imagem e um caminho completo para ela. Depois disso, você pode fornecer a altura ou a largura e a biblioteca Jimp dimensionará a imagem de acordo. Uma vez satisfeito, você pode salvar a imagem no local de sua escolha. Você também pode dimensionar facilmente a imagem fornecendo largura e altura personalizadas, mantendo a proporção.
Redimensionar imagens através de JavaScript
import jimp from 'jimp';
async function main() {
// Read the image.
const image = await jimp.read('test/image.png');
// Resize the image to width 150 and auto height.
await image.resize(150, jimp.AUTO);
// Save and overwrite the image
await image.writeAsync('test/image.png');
}
main();
Virar, dimensionar ou girar imagens via JavaScript
A biblioteca de código aberto Jimp também forneceu funcionalidade para vários recursos importantes relacionados à manipulação de imagens. Ele permite que o desenvolvedor inverta e dimensione imagens com apenas algumas linhas de código JavaScript. A função flip irá virar a imagem horizontalmente ou verticalmente. As configurações padrão são virar a imagem horizontalmente. A função de rotação girará a imagem no sentido horário e as dimensões da imagem permanecerão as mesmas.
Rodar imagens por JavaScript API
import jimp from 'jimp';
async function main() {
const image = await jimp.read('test/image.png');
image.rotate(90);
}
main();
Aplicar gaussiana e mistura de cores na imagem
Um desfoque gaussiano é um efeito amplamente utilizado em software gráfico, normalmente para reduzir o ruído da imagem e reduzir os detalhes. A biblioteca Jimp de código aberto permite que os programadores de software apliquem um verdadeiro desfoque gaussiano à imagem dentro de seu próprio aplicativo. Observe que seu processamento é relativamente lento em comparação com outras funções da biblioteca. A biblioteca também suporta o recurso de mistura de cores e mistura cores por seus valores de componentes RGB e a quantidade é a opacidade da cor sobreposta.
Aplicar russo à imagem dentro de JavaScript Apps
import jimp from 'jimp';
async function main() {
const image = await jimp.read('test/image.png');
image.gaussian(15);
}
main();
