ユーザーが背景写真として選択できるようにしたい標準写真の配列があります。これらの写真のサイズを変更する方法がわかりません。アスペクト比を同じに保ち、幅を400px
。にする必要があります。そして- thumbnail
、ファイル名の最後にそれらを再保存したいと思います。
コントローラーからの画像
$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"
];
キャンバスを使用できますが、ダウンサンプリングには非常に悪いアルゴリズムが使用されます。最後に、代わりにMITライセンスのHermiteダウンサンプラーを使用しました。これもキャンバスを使用して機能しますが、デフォルトのリサイザーほど悪くはありません。
画像のリサンプリングは、正しく実行すると計算リソースを大量に消費する操作であるため、任意の画像エディタ(またはWebアプリ)で事前に画像のサイズを変更し、サーバーにアップロードすることを強くお勧めします。すべてのユーザーが毎回これらの計算を実行できないようにします。
ファイルの保存は常にブラウザの制限によって制限されており、ユーザーにファイルを保存するかどうかを尋ねるだけです。ユーザーがサイズ変更された画像をサーバーに返送して保存することを意図している場合は、セキュリティに特に注意を払い、データがサーバー側のJavaScriptからのものであると想定しないでください。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加