ホームページ > ウェブフロントエンド > jsチュートリアル > Nodejsで画像を設定するためのミドルウェア例のチュートリアル

Nodejsで画像を設定するためのミドルウェア例のチュートリアル

零下一度
リリース: 2017-05-09 10:08:43
オリジナル
1240 人が閲覧しました

この記事では主に画像を処理するためのnodejsミドルウェアnode-imagesの詳細な説明を紹介しています。必要な方は参考にしてください。

クロスプラットフォームの画像デコーダー(png/jpeg/gif)とエンコーダー(png)。 /jpeg) for Node.js

node.js の軽量クロスプラットフォーム画像エンコードおよびデコード ライブラリ

var images = require("images");
images("input.jpg")           //Load image from file 
                    //加载图像文件
  .size(400)             //Geometric scaling the image to 400 pixels width
                    //等比缩放图像到400像素宽
  .draw(images("logo.png"), 10, 10)  //Drawn logo at coordinates (10,10)
                    //在(10,10)处绘制Logo
  .save("output.jpg", {        //Save the image to a file,whih quality 50
    quality : 50          //保存图片到文件,图片质量为50
  });
ログイン後にコピー

特徴機能

  1. 軽量: 画像処理ライブラリをインストールする必要はありません。

  2. 軽量: 画像処理ライブラリをインストールする必要はありません。

  3. クロスプラットフォーム: Windows 上でコンパイルされた .node ファイルをリリースしました。ダウンロードして開始するだけです。

  4. 使いやすい:

    jQuery
  5. のようなチェーン
  6. API

    を提供します。シンプルで信頼性があります!使いやすい: jQueryスタイルのAPI、シンプルで信頼性が高いです。

  7. インストールインストール
$ npm install images
ログイン後にコピー

APIインターフェース

node-imagesはjQueryのようなチェーンAPIを提供します。次のようにチェーンを開始できます:

node-imagesはjQueryのようなチェーンAPI呼び出しを提供しますAPI を使用するには、次のように開始できます:

/* Load and decode image from file */
/* 从指定文件加载并解码图像 */
images(file)

/* Create a new transparent image */
/* 创建一个指定宽高的透明图像 */
images(width, height)

/* Load and decode image from a buffer */
/* 从Buffer数据中解码图像 */
images(buffer[, start[, end]])

/* Copy from another image */
/* 从另一个图像中复制区域来创建图像 */
images(image[, x, y, width, height])
ログイン後にコピー

images(file)

ファイルから画像をロードしてデコードする 指定したファイルから画像をロードしてデコードする

images(width, height)

新しい透明を作成する画像作成 幅と高さを指定した透明な画像

images(buffer[, start[, end]])

バッファから画像を読み込みデコードする バッファデータから画像をデコードする

images(image[ , x, y, width, height])

別の画像からコピー 別の画像から領域をコピーして画像を作成します

.fill(red, green, blue[, alpha])

eg:images( 200, 100). fill(0xff, 0x00, 0x00, 0.5) 画像を色で塗りつぶします

.draw(image, x, y)

現在の画像上に画像を描画します Position

( x , y ) 現在の画像(x, y)上に画像imageを描画

.encode(type[, config])

eg:images("input.png").encode("jpg ", {operation:50}) 画像をバッファーにエンコードします。config は画像設定です。

現在の画像を指定された形式でバッファーにエンコードします。config は画像設定です。現在、JPG 画質の設定をサポートしています


Return

buffer

満たされたBufferを返します
注:この操作はチェーンを切断します


注:この操作は呼び出しチェーンを切断します


参照:.save(file[, type[, config] ]) 参照:.save(file[, type[, config]])


.save(file[, type[, config]])

eg:images("input.png").encode(" Output.jpg", {operation:50}) 現在の画像をエンコードしてファイルに保存します。タイプが指定されていない場合、タイプはファイルに応じて自動的に決定されます。config は画像の設定です。例: { Operation:50 }

タイプが指定されていない場合、現在の画像をエンコードしてファイルに保存します。ファイルのタイプは、ファイルの設定に基づいて自動的に決定されます。現在、JPG 画質の設定をサポートしています

.size([ width[, height]])


画像のサイズを取得または設定します。高さが指定されていない場合は、現在の幅と高さに基づいてスケーリングします。高さの場合は、画像の幅と高さを取得または設定します。が指定されていない場合は、現在の幅と高さに基づいてスケーリングします

.resize(width[, height])

画像のサイズを設定します。高さが指定されていない場合は、現在の幅と高さに基づいてスケーリングします

画像の幅と高さを設定します。高さが指定されていない場合は、現在の幅と高さに基づいてスケーリングされ、デフォルトでバイキュービック アルゴリズムが使用されます。

.width([width])

画像の幅を取得または設定します 画像の幅を取得または設定します

.height([height])

画像の高さを取得または設定します画像の高さ 画像の高さを取得または設定します

images.setLimit(width, height)

画像の制限サイズを設定します ライブラリで処理される画像のサイズ制限を設定します。すべての新しい操作に対して有効になります (制限を超えた場合は例外をスローします)

images.setGCThreshold(value)ガベージコレクションのしきい値を設定します 画像処理ライブラリの自動GCのしきい値を設定します(

新規追加時

)メモリ使用量がしきい値を超えるとガベージコレクションが実行されます)

images.getusedMemory()

使用メモリの取得(バイト単位) 画像処理ライブラリが占有しているメモリサイズの取得(バイト単位)

images.gc()

強制呼び出しガベージコレクション V8のガベージコレクション機構を強制呼び出し

github.com/ zhangyuanwei /node-images

【関連おすすめ】

1. 無料のjsオンラインビデオチュートリアル

2. php.cn Dugu Jiijian (3) - JavaScriptビデオチュートリアル

以上がNodejsで画像を設定するためのミドルウェア例のチュートリアルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート