画像の縦横比を合わせてアップロードするまで - ボクココ

テクノロジーカテゴリーの変更を依頼記事元:

www.bokukoko.info

4 usersがブックマークコメント

記事へのコメント1件

注目コメント
新着コメント

nyangry crop images

JavaScript

2016/03/28 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fwww.bokukoko.info%2Fentry%2F2016%2F03%2F26%2F%25E7%2594%25BB%25E5%2583%258F%25E3%2581%25AE%25E7%25B8%25A6%25E6%25A8%25AA%25E6%25AF%2594%25E3%2582%2592%25E5%2590%2588%25E3%2582%258F%25E3%2581%259B%25E3%2581%25A6%25E3%2582%25A2%25E3%2583%2583%25E3%2583%2597%25E3%2583%25AD%25E3%2583%25BC%25E3%2583%2589%25E3%2581%2599%25E3%2582%258B%25E3%2581%25BE%25E3%2581%25A7" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://www.bokukoko.info/entry/2016/03/26/%E7%94%BB%E5%83%8F%E3%81%AE%E7%B8%A6%E6%A8%AA%E6%AF%94%E3%82%92%E5%90%88%E3%82%8F%E3%81%9B%E3%81%A6%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89%E3%81%99%E3%82%8B%E3%81%BE%E3%81%A7">画像の縦横比を合わせてアップロードするまで - ボクココ</a><a href="https://b.hatena.ne.jp/entry/s/www.bokukoko.info/entry/2016/03/26/%E7%94%BB%E5%83%8F%E3%81%AE%E7%B8%A6%E6%A8%AA%E6%AF%94%E3%82%92%E5%90%88%E3%82%8F%E3%81%9B%E3%81%A6%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89%E3%81%99%E3%82%8B%E3%81%BE%E3%81%A7">はてなブックマーク - 画像の縦横比を合わせてアップロードするまで - ボクココ</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

画像の縦横比を合わせてアップロードするまで - ボクココ

ども、@kimihom です。前回の記事で、画像ファイルのドラッグ&ドロップの手法を紹介した。これで File ... ども、@kimihom です。前回の記事で、画像ファイルのドラッグ&ドロップの手法を紹介した。これで File オブジェクトを取得することができる。 www.bokukoko.info さて、今回はその持ってきた画像の縦横比を合わせてS3にアップロードしてみよう。画像の縦横比の重要性まぁ説明なんていらないと思うけど、Webの画像はできるだけ縦横比を合わせた方が扱いやすいことが多い。例えばアイコンであれば正方形の形が望まれるし、記事であれば長方形っぽい写真の方がいい。縦横比をしっかりと合わせないと統一感のないWebサイトとなってしまう。(縦横比を合わせなくても上手くやった Pinterest はやっぱすごい) そんなこんなで縦横比を合わせるわけだが、それをサーバー側で処理するとなると、どの部分を切り取ればいいかユーザーが指定できない。ページ上(JavaScript)でどの部分を切り取れ