Context Aware Image Resizing

Resize an image without distorting the foreground features in the image. Only distort the background.

利用技術: Web Workers, Canvas

  • 閲覧数 127

このデモについての作者の詳細コメント

This demo is an implementation of the computationally intensive context aware image resizing algorithm. The algorithm analyses the image and shrinks in in such a way that the main parts of the image in the foreground do not appear distorted. Only the background of the image changes. Web Workers handle the complex calculations so that the main UI thread is not frozen .

Short Explanation -
In case the image is resized in width, 'seams' are calculated from top to bottom of the image. A seam is a continuous path from the top to bottom such that is goes around the main features of the image. When resizing, such seams are removed in reverse order of importance, preserving the main features of the image.

About this Demo

ソースをダウンロード 3566.19 KB · ZIP ファイル

Browse the Source

このデモは Apache ライセンスの下で公開されています。

Parashuram による他のデモ