1. 製品
  2.   画像
  3.   JavaScript
  4.   SmartCrop.js
 
  

画像処理用のオープンソース JavaScript ライブラリ

画像をスマートにトリミングするためのオープンソース API

SmartCrop.js とは?

SmartCrop.js は、JavaScript 開発者が画像を自動的にトリミングできる無料のオープンソース API です。 API はコンテンツに対応しており、一連のアルゴリズムを使用して画像をトリミングします。 API は、ラプラスを使用してエッジを見つけ、肌のような色の領域を見つけて顔を見つけ、彩度の高い領域を見つけて、画像を処理します。特定の地域を見つけた後、API はその地域をブーストし、一連の候補作物を生成します。

画像をトリミングするときに、HTMLImageElement、HTMLCanvasElement、または HTMLVideoElement を使用して、minScale、width、height、boost、ruleOfThirds などの画像トリミング オプションを設定できます。

Previous Next

SmartCrop.js を使ってみる

NPM 経由で SmartCrop.js をインストールするための推奨される方法。以下のコマンドでインストールしてください。

NPM 経由で SmartCrop.js をインストールする

 npm install smartcrop 

無料の JavaScript API による画像のスマート トリミング

オープン ソースの SmartCrop.js ライブラリを使用すると、JavaScript 開発者はプログラムで画像をスマートに切り抜くことができます。 API アルゴリズムに基づいて、API は彩度の高い領域を検出し、肌の色で色を検出し、エッジを検出し、画像をトリミングするためのスマートな推測を提供します。画像をスマートにトリミングするために、API は smartcrop.crop(image, options) メソッドを提供します。このメソッドは、切り抜きの画像と画像オプションを取得します。次の 1 行のコードを使用することで、画像のスマート トリミングを簡単に行うことができます。

JavaScript での画像のスマート トリミング

  1. ライブラリのインポート
  2. クロップ画像

JavaScript で画像をトリミングする

smartcrop.crop(image, { width: 100, height: 100 }).then(function(result) {
console.log(result);
});
            
 日本