1. 製品
  2.   画像
  3.   JavaScript
  4.   Jimp
 
  

JavaScript API による複雑な画像処理操作 

画像のサイズ変更、別の画像へのブリッツ、画像のぼかし、画像の拡大縮小など、高度な画像作成および操作タスクを実行するためのオープン ソース JavaScript ライブラリ。 

The Jimp – Javascript Image Manipulation Program は、ソフトウェア開発者が独自の JavaScript アプリ内で複雑な画像処理操作を実行できるようにするオープン ソースの Node.js ライブラリです。これは完全に JavaScript for Node.js で記述されており、外部またはネイティブの依存関係はありません。

このライブラリは、あらゆる種類の高度な画像処理アプリケーションの開発に非常に役立ち、完全に無料であるため、開発者は使いやすく費用対効果の高いソリューションを利用できます。このライブラリには、画像のサイズ変更、画像の品質向上、画像のブリッツ化、画像のぼかし、画像のスケーリング、画像へのディザ効果の適用、画像の反転、画像の反転など、画像の作成と操作に関連するいくつかの高度な機能が含まれています。画像の色、画像の回転、画像へのテキストの印刷など。

このライブラリには、BMP、GIF、JPEG、PNG、TIFF など、いくつかの高度な画像形式のサポートが含まれています。画像から円を作成するために使用できる円プラグインや、画像に影を作成する影プラグインなど、いくつかの追加機能に使用できる追加のプラグインもいくつかあります。魚眼効果プラグインとしきい値プラグインが利用可能です。

Previous Next

Jimpを始める

Node.js で簡単なコマンドを発行するだけで、ライブラリ Jimp をインストールできます。次のコマンドを使用します。 

NPM経由でJimpをインストール

npm install jimp

JavaScript ライブラリを使用して画像のサイズを変更する

オープン ソースの Jimp ライブラリには、独自の JavaScript アプリケーション内で画像のサイズを変更する機能が含まれています。まず、イメージとその完全なパスを提供する必要があります。その後、高さまたは幅のいずれかを指定すると、Jimp ライブラリがそれに応じて画像をスケーリングします。満足したら、選択した場所に画像を保存できます。縦横比を維持したままカスタムの幅と高さを指定することで、画像を簡単にスケーリングすることもできます。

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

JavaScript による画像の反転、拡大縮小、または回転

オープン ソースの Jimp ライブラリは、画像操作に関連するいくつかの重要な機能も提供しています。これにより、開発者は数行の JavaScript コードで画像を反転したり拡大縮小したりできます。反転機能は、画像を水平または垂直に反転します。デフォルト設定は、画像を水平方向に反転することです。回転機能は画像を時計回りに回転させ、画像の寸法は同じままです。

JavaScript API を使用して画像を回転する

import jimp from 'jimp';
async function main() {
  const image = await jimp.read('test/image.png');
  image.rotate(90);
}
main();

画像にガウス & カラー ミックスを適用する

ガウスぼかしは、グラフィックス ソフトウェアで広く使用されている効果で、通常は画像のノイズを減らし、ディテールを減らします。オープン ソースの Jimp ライブラリを使用すると、ソフトウェア プログラマーは独自のアプリケーション内の画像に真のガウスぼかしを適用できます。他のライブラリ関数に比べて処理が遅いので注意してください。このライブラリは色混合機能もサポートしており、RGB コンポーネント値によって色を混合し、その量は重ねる色の不透明度です。

ロシア語をJavaScriptアプリ内画像に適用

import jimp from 'jimp';
async function main() {
  const image = await jimp.read('test/image.png');
  image.gaussian(15);
}
main();
 日本