Minimal képméretező webapp coming soon?

Elgondolkodtam egy (elso kanyarban free es) gyors webapp elkeszitesen. Valahogy igy nezne ki miutan bele drag and droppoltal egy kepet:



[Undo] [Redo]
 Preview:                    Preview Zoomed:
|------------------------|  |------------------------|
|                        |  |                        | 
|                        |  |                        | Size 1X:   234 x 320
|      x  x              |  | \  /    \  /           | Retina 2X: 468 x 640
|                        |  |  \/      \/            | Retina 3X: 702 x 960
|                        |  |  /\      /\            |
|                        |  | /  \    /  \           | (.) png ( ) jpeg
|------------------------|  |------------------------| [Download images]

                            Zoom: |---0-----------| 4x

Cut from top:    [1px] [6px] [18px] [54px]
Cut from right:  [1px] [6px] [18px] [54px]
Cut from bottom: [1px] [6px] [18px] [54px]
Cut from left:   [1px] [6px] [18px] [54px]

Add transparent/white edge
Top:    [1px] [6px] [18px] [54px]
Right:  [1px] [6px] [18px] [54px]
Bottom: [1px] [6px] [18px] [54px]
Left:   [1px] [6px] [18px] [54px]

Shrink full image to [___] 
(.)px ( )% 
(.)width ( )height 
[Apply]

Elsosorban magamnak (fent lenne githubon). Amennyire csak lehet nativ JS-ben, hogy jo gyors legyen, de par libet sajnos be kell majd huzni hozza. De megprobalnam jquery nelkul.

- A preview-ban levo zoomolt kep mozgathato. (scrollozhato box) A zoom mertekenek allitasara van egy csuszka (default 4x-es)
- A save gomb letolti neked mindharmat (Normal, Retina es Retina 3X, ha pici felobntasu kepet tettel be, lehet csak a Retina 3x kell neked)
- A kep merete jobb oldalt folyamatosan frissul ahogy vagsz adott szamu pixelt az oldalabal/tetejebol/aljabol a gombokkal

Amin meg gondolkodok, de lehet tul nehez (tul sok ido):
- transzparens kitolto (hasonlo szinekre is jpeg artifactok miatt)
- colour picker alapu kitolto valasztott es hasonlo szinekre (logo kozepe sem feher hanem atlatszo pl.)

Es a legfontosabb kerdes: van-e mar hasonlo? Hasonlo alatt itt azt ertem, hogy megvan a jo design rossz meretben, es 40 sec alatt megoldottad a problemat.

Hozzászólások