目的 ユーザに画像をアップロードしてもらうようなWebアプリで、画像の解像度が大きい場合はサーバ側でアップロードされた画像の解像度をリサイズして格納するような処理を実装することがあると思います。 サーバ側ではなく、クライアント側で画像をリサイズする方法を調べました。 機能 次のcanvasのメソッドを利用することでクライアント側で画像のリサイズができます。 ctx.drawImage(srcImage, srcX, srcY, srcWidth, srsHeight, dstX, dstY, dstWidth, dstHeight) 第1引数に元画像(Imageオブジェクトや別のcanvasオブジェクトなどを指定可能) 第2, 3, 4, 5引数に元画像から切り取る領域を指定 第6, 7, 8, 9引数にリサイズ後の領域を指定 var scale = 0.5; // 縦横を50%縮小 va
