トリミングする画像をデバイスからアップロード
croppingツールを使用して、画像の希望する領域を選択します
元の画像のトリミングバージョンをすぐに生成します
トリミングされた画像をデバイスに直接ダウンロード
画像のトリミングとは、デジタル画像から不要な外側の領域を削除して、さらに小さな画像を作成し、被写体または目的の要素に重点を置くことです。写真の分野やグラフィックデザインでは、画像の構成を改善したり、気を引くものを取り除いたり、プロフィール画像やウェブグラフィックなどの特定の使い方に画像を準備したりするために一般的な作業です。通常の手順としては、保持する領域を選択し、必要があるに応じてトリミングの寸法や向きを調整し、最後に元の画像ファイルから新しいトリミングされたバージョンを作成することを含みます。
このツールには複雑な計算は含まれていません。それはクライアント側のJavaScriptとCropper.jsライブラリを使って視覚的な画像のトリミングを行います。手順は以下のとおりです。1) アップロードされた画像を読み込んでレンダリングする。2) 視覚的なトリミングエリア選択を可能にするためにCropper.jsを初期化します。3)「画像をトリミング」をクリックしたときにトリミング座標を取得する。4) 元の画像データから選択された領域を抽出する。5) 新しいトリミング画像を作成して表示する。6) トリミングされた画像のダウンロードオプションを提供する。トリミングは、複雑な数学的公式やサーバー側の処理なしに、JavaScriptを使ったクライアント側の画像処理によって実現されます。