[Resolvido] sistema de molduras em php

[ozorio silva 0]

ola galera foi me pedido para fazer um sistema de molduras em php igual a este SITE

mas minha duvida é como eu irei colocar uma imagem sobre a outra e mover a imagem atras da moldura.

 

sei que terei que utilizar jquery e crop. e imagecopymerge():

 

mas a principal duvida quando o usuário selecionar a foto ela apareça atras

da moldura e o usuário possa mover a moldura e escolher o tamanho e apos isso salvar a foto.??

 

sei que terei que criar

banco de dados com as tabelas

uma pasta contendo as molduras em png

e outra pasta para as fotos.

 

alguém teria alguma ideia ??

desde já agradeço a todos

[João Batista Neto 448]

Amigo, seu problema consiste em duas etapas:

 

1. Uso de uma linguagem client-side para manipular a imagem e moldura.

2. Uso de uma linguagem server-side para gravar o resultado.

 

No lado do cliente, você utilizará CSS e Javascript (pode utilizar Flash também), o CSS fará com que a moldura (um PNG com uma parte transparente) fique estática e o Javascript permitira o drag 'n' drop da imagem que o usuário fez upload; Você utilizará CSS para fazer a "máscara" para que, caso a imagem seja maior que a moldura, ela não apareça nas laterais.

 

Quando o usuário mover a imagem enviada, você precisará armazenar a diferença da posição original (0,0) e a atual, esses dados serão enviados à linguagem server-side.

 

No lado do servidor, você utilizará a função imagecreatetruecolor() com o tamanho exato da moldura, com o recurso gerado por essa função, você utilizará a função imagecopymerge() com o posicionamento enviado pelo Javascript, nesse momento você precisará fazer alguns cálculos para encontrar a altura e largura da nova imagem.

 

Quando a imagem enviada pelo usuário estiver "colada" no recurso criado por imagecreatetruecolor(), você utilizará a função imagecopymerge() novamente, porém, dessa vez, utilizando as posições 0,0.

 

Com isso, o trabalho estará feito e você poderá utilizar a função imagepng() para salvar a imagem em disco, gravar na tabela ou qualquer coisa que você queira fazer com a imagem resultante.

 

Como o processo consiste em duas partes, se você tiver dúvidas em relação ao Javascript para movimentar a imagem, movemos o tópico para o fórum de Javascript e, quando suas dúvidas tiverem sido sanadas, movemos o tópico de volta para PHP para que você tire eventuais dúvidas sobre a segunda parte do problema.

[ozorio silva 0]

Amigo, seu problema consiste em duas etapas:

 

1. Uso de uma linguagem client-side para manipular a imagem e moldura.

2. Uso de uma linguagem server-side para gravar o resultado.

 

No lado do cliente, você utilizará CSS e Javascript (pode utilizar Flash também), o CSS fará com que a moldura (um PNG com uma parte transparente) fique estática e o Javascript permitira o drag 'n' drop da imagem que o usuário fez upload; Você utilizará CSS para fazer a "máscara" para que, caso a imagem seja maior que a moldura, ela não apareça nas laterais.

 

Quando o usuário mover a imagem enviada, você precisará armazenar a diferença da posição original (0,0) e a atual, esses dados serão enviados à linguagem server-side.

 

No lado do servidor, você utilizará a função imagecreatetruecolor() com o tamanho exato da moldura, com o recurso gerado por essa função, você utilizará a função imagecopymerge() com o posicionamento enviado pelo Javascript, nesse momento você precisará fazer alguns cálculos para encontrar a altura e largura da nova imagem.

 

Quando a imagem enviada pelo usuário estiver "colada" no recurso criado por imagecreatetruecolor(), você utilizará a função imagecopymerge() novamente, porém, dessa vez, utilizando as posições 0,0.

 

Com isso, o trabalho estará feito e você poderá utilizar a função imagepng() para salvar a imagem em disco, gravar na tabela ou qualquer coisa que você queira fazer com a imagem resultante.

 

Como o processo consiste em duas partes, se você tiver dúvidas em relação ao Javascript para movimentar a imagem, movemos o tópico para o fórum de Javascript e, quando suas dúvidas tiverem sido sanadas, movemos o tópico de volta para PHP para que você tire eventuais dúvidas sobre a segunda parte do problema.

 

opa muito obrigado mesmo pela dica me ajudo muito meu problema esta no js mesmo mas valeu vo ve se resolvo aqui

[resolvido]