Nodejs は画像の回転角度を取得します
モバイルデバイスやカメラの普及により、プログラムを通じて写真を処理する必要が多くなりました。その中でも、画像の回転は非常に一般的な要件です。今回はNode.jsを使って画像の回転角度を取得する方法を紹介します。
準備
始める前に、Node.js 環境がインストールされ、構成されていることを確認する必要があります。さらに、画像の Exif 情報を読み取るために使用できる「exif-parser」と呼ばれる Node.js モジュールもインストールする必要があります。
「exif-parser」モジュールのインストール方法は以下の通りです。
npm install exif-parser
画像回転角度の取得方法
取得方法を理解する前に画像の回転角度については、まず Exif についての知識を理解する必要があります。 Exif は、デジタル カメラで撮影された写真に保存されている、カメラのモデル、撮影時間、ISO 値、絞りなどの情報を含むメタデータです。 Exifには、画像の向き情報を記録する「Orientation」という属性が存在します。
このうち、「Orientation」の値は以下の数値になります。
1: 画像がまったく回転されていないことを示し、このときの画像のデフォルトの方向は上です
2: 画像が水平方向に反転されていることを示します
3: 画像が反時計回りに 180 度回転されていることを示します
4: 画像が垂直方向に反転されていることを示します
5: 画像が 90 度回転されていることを示します
6: 画像が時計回りに 90 度回転されていることを示します。
7: 画像が反時計回りに 90 度回転されて水平に反転されていることを示します。
8: 画像が反時計回りに 90 度回転されていることを示します
この情報を使用すると、画像の回転角度を取得することが非常に簡単になります。 Exif情報の「Orientation」属性値を読み取り、さまざまな値に基づいて画像の回転角度を決定するだけです。
画像の回転角度を取得するコードは次のとおりです。
//「exif-parser」モジュールの紹介
const ExifParser = require('exif-parser');
// ファイル読み取りモジュールを導入します
const fs = require('fs');
// 画像パスを定義します
const imagePath = './example.jpg';
// 画像ファイルの読み取り
const imageBuffer = fs.readFileSync(imagePath);
// Exif 情報の解析
const exifParser = ExifParser.create(imageBuffer);
const exifResult = exifParser.parse();
// Orientation 属性値を取得します
const Orientation = exifResult.tags.Orientation;
// に基づいて画像の回転角度を決定します異なる値
letdegree = 0;
スイッチ(向き) {
case 3:
degree = 180; break;
case 6:
degree = 90; break;
case 8:
degree = 270; break;
}
console.log(画像の回転角度は ${degree} 度です
);
上記のコードでは、最初に「example.log」という名前の画像を読み取ります。 jpg」画像を取得し、「exif-parser」モジュールを通じて Exif 情報を解析しました。そして、「Orientation」の値に基づいて画像の回転角度が決定されます。最後に、画像の回転角度を出力します。
概要
この記事では、Node.jsを使って画像の回転角度を取得する方法を紹介します。画像の回転角度はExif情報の「Orientation」属性値を読み取ることで決定します。これにより、画像をより便利に処理し、開発効率を向上させることができます。
以上がNodejs は画像の回転角度を取得しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック

この記事では、functionコンポーネントでのデータフェッチやDOM操作などの副作用を管理するためのフックであるReactの使用Effectについて説明します。メモリリークなどの問題を防ぐための使用、一般的な副作用、およびクリーンアップについて説明します。

怠zyな読み込みは、必要になるまでコンテンツの読み込みを遅延させ、初期負荷時間とサーバーの負荷を削減することにより、Webパフォーマンスとユーザーエクスペリエンスを改善します。

この記事では、JavaScriptのカレーについて説明します。これは、マルチアーグメント関数を単一argument関数シーケンスに変換する手法です。 Curryingの実装、部分的なアプリケーションなどの利点、実用的な用途、コード読み取りの強化を調査します

JavaScriptの高次関数は、抽象化、共通パターン、および最適化技術を通じて、コードの簡潔さ、再利用性、モジュール性、およびパフォーマンスを強化します。

この記事では、Virtual DOMツリーを比較してDOMを効率的に更新するReactの調整アルゴリズムについて説明します。パフォーマンスの利点、最適化技術、ユーザーエクスペリエンスへの影響について説明します。

記事では、Connect()、MapStateToprops、MapDispatchToprops、およびパフォーマンスへの影響を説明するReduxストアに反応コンポーネントをReduxストアに接続します。

この記事では、ReactのUseContextを説明しています。これにより、小道具掘削を避けることで国家管理を簡素化します。再レンダーの削減により、集中状態やパフォーマンスの改善などの利点について説明します。

記事では、PreventDefault()メソッドを使用して、イベントハンドラーのデフォルト動作の防止、ユーザーエクスペリエンスの強化などの利点、およびアクセシビリティの懸念などの潜在的な問題について説明します。
