サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
iPhone 16
aoyama-tech.hatenadiary.com
カメラ解像度アップにより、画像サイズがメガ超えしていることからアップロードへの影響があるため、 Canvasを使ってクライアントサイドで画像縮小をやってみた。 Canvasって? ざっくりいうとjavascriptで画像を書けたり、画像を操作したりできます。 Canvasとは - Canvas - HTML5.JP 今回は、画像縮小を実際にやってみてどれくらいファイルサイズが削減できるのかためしてみた。 なんと、2MBくらいの画像が260KB程度まで落ちた! 読み込み速度もはやい!! これならラクラクアップロードできそうやね ♪ サンプルコード html <div id="contents" style="margin:20px; border-top:solid 1px #000;"> <h3>canvasTest</h3> <input id="inputFile" name="pho
このページを最初にブックマークしてみませんか?
『aoyama-tech.hatenadiary.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く