Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Image Layout Algorithms - HTML5 Dev Conf

October 24, 2013

Image Layout Algorithms - HTML5 Dev Conf


October 24, 2013

More Decks by vjeux

Other Decks in Programming


  1. Cropping is hard Original by Austin Thomas Vertical Crop Horizontal

    Crop ✔ ✔ ✗ ✔ ✗ ✗ ✗ ✗ ✗ ✔ 11
  2. Text layout In olden times when wishing still helped one,

    there lived a king whose daughters were all beautiful; and the youngest was so beautiful that the sun itself, which has seen so much, was aston- ished whenever it shone in her face. Close by the king’s castle lay a great dark forest, and under an old lime-tree in the forest was a well, and when the day was very warm, the king’s child went out into the forest and sat down by the side of the cool fountain; and when she was bored she took a golden ball, and threw it up on high and caught it; and this ball was her favorite plaything. 26
  3. Image Layout Analysis Framework Grid, Column, Row, Irregular? Fair, Portrait,

    Landscape Crop? Predefined sizes, Adjustments Resize / Whitespace? Contain, Cover Human Intervention? Fully automatic, manual help Sizes? Few predefined sizes, Arbitrary based on order Order? Strictly respected, loosely respected Make images bigger? All & Any, Only some, None Modifications (insert, remove, move)? Real time, Not real time 38