イメージをサムネイルバージョンにリサイズ

Question

私はユーザーが背景写真のために選択できるようにしたい標準写真の配列を持っています。私はこれらの写真のサイズを変更する方法がわかりません。私は同じと幅を400pxにとどまるために縦横比が必要です。そしてファイル名の末尾に- thumbnailで再保存したいと思います。 CONTROLLER

$scope.standardPhotos = [ 
    "/images/app-directory-images/default1.png", 
    "/images/app-directory-images/default2.png", 
    "/images/app-directory-images/default3.png", 
    "/images/app-directory-images/default4.png", 
    "/images/app-directory-images/default5.png" 
]; 

Answer 1

FROM

IMAGESそれがダウンサンプリングには本当に悪いアルゴリズムを使用してもあなたは、キャンバスを使用することができます。私は最後にMITライセンスのHermite downsamplerを使用するようになりました。これもキャンバスを利用して動作しますが、デフォルトのリサイザほど悪くありません。

画像をリサンプリングするのは正しく行われていると計算量が重くなるので、画像エディタ（またはweb-app）であらかじめサイズを変更しておき、サーバーにアップロードすることをお勧めしますすべてのユーザーが毎回これらの計算を行なわないようにします。

ファイルの保存は、ブラウザの制限によって常に制限されます。ファイルを保存するかどうかをユーザーに確認するだけで済みます。ユーザーがサイズ変更されたイメージをサーバーに送信して保存することを意味する場合は、セキュリティに注意を払い、サーバー側のJavaScriptからデータが取得されると想定しないでください。

Answer 2

あなたは何を使用しているかについてさらに情報を提供できますか？