Ajuda?! como criar uma caixa de imagem, um "mini photoshop"?

[araujo.dan]

Salve pessoal. Então, estava com umas idéias em mente e preciso desse mini photoshop para web. Basicamente só um quadrado branco que recebe o upload das imagens que fiquem livres para serem movidas e redimensionadas dentro dessa caixa.

Poderiam me ajudar? Grato =D

[idlebot]

Você precisa que a imagem seja gravada de maneira modificada no servidor ou você só quer manipular a imagem no lado cliente?

 

No lado client dá para fazer alguns truques usando canvas:

 

https://hacks.mozilla.org/2011/01/how-to-develop-a-html5-image-uploader/

 

 

[DiF]

Ou usar as classes existentes de php para manipulação de imagens.

por exemplo a WideImage é uma das classes mais famosas do php. podes redimesionar, aplicar efeitos e etc.

Dá para fazer uma boa aplicação de edição de imagens com ele

[araujo.dan]

Idlebot seria pelo server mesmo

 

Dif, eu vi o WideImage e ele faz uma das coisas que preciso. mas essa segunda (da caixa) eu ainda não consegui desenrolar 

 

Bom, o cliente faria o upload da imagem e a mesma poderia ser modificada com as ferramentas de redimensionamento e posição (tal como no photoshop mesmo)

[idlebot]

Aqui na empresa a gente implementou um serviço de resizing de imagens server side em nodejs. A gente usa este pacote aqui: https://www.npmjs.com/package/sharp