JSで画像の中身をコンテンツ幅にあわせて変換するらしい。実用的かどうかは別として面白い

ryo_n574 のブックマーク 2021/07/06 09:55

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/4701334786149692642/comment/ryo_n574" data-user-id="ryo_n574" data-entry-url="https://b.hatena.ne.jp/entry/s/trekhleb.dev/blog/2021/content-aware-image-resizing-in-javascript/" data-original-href="https://trekhleb.dev/blog/2021/content-aware-image-resizing-in-javascript/" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftrekhleb.dev%2Fblog%2F2021%2Fcontent-aware-image-resizing-in-javascript%2F" data-user-icon="/users/ryo_n574/profile.png">Content-aware image resizing in JavaScript | Trekhleb</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/image">image</a>]</li><li style="float: left">[<a href="https://b.hatena.ne.jp/q/javascript">javascript</a>]</li></ul><br><p style="clear: left">JSで画像の中身をコンテンツ幅にあわせて変換するらしい。実用的かどうかは別として面白い</p><a class="datetime" href="https://b.hatena.ne.jp/ryo_n574/20210706#bookmark-4701334786149692642"><span class="datetime-body">2021/07/06 09:55</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

Content-aware image resizing in JavaScript | Trekhleb

trekhleb.dev2021/04/17

More examples Here are some more examples of how the algorithm copes with more complex backgrounds. Mountains on the background are being shrunk smoothly without visible seams. The same goes for th...

7 人がブックマーク・1 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

Content-aware image resizing in JavaScript | Trekhleb

はてなブックマーク

公式Twitter

はてなのサービス