javascript - JS側で画像を指定したボリューム（指定したサイズではない）に圧縮する方法

Question

画像を指定サイズ内に圧縮します。たとえば、500KB は指定サイズではありません。200X300 は達成できますか?ネットで見つけられるものはすべて指定されたサイズです。

phpcn_u1582 · Answer

Canvas を通じて実装できます。Github にオープンソースプロジェクトがあります: Portal

バックエンドに依存しない純粋なフロントエンド実装。ただし、Canvas や File API を使用するとブラウザの要件が高くなります (IE6/7/8 は考慮する必要がありません orz)。

デモアドレス: ポータル (ヒント: jquery は Google cdn を使用しており、壁を越える必要があります)

スクリーンショット:

圧縮効果:

php 8、私も来ます