Curvar imagem com php

[thiagunix 0]

Boa noite galera,

Estou tentando fazer um curva com uma imagem sobreposta mais não estou conseguindo, alguém tem alguma dica?

Segue imagem de exemplo, essa imagem de avião foi sobreposta e curvou na caneca, muito show.

obrigado pela atenção e grande abraço

[demonio 3]

Boa noite galera,

 

Estou tentando fazer um curva com uma imagem sobreposta mais não estou conseguindo, alguém tem alguma dica?

 

Segue imagem de exemplo, essa imagem de avião foi sobreposta e curvou na caneca, muito show.

obrigado pela atenção e grande abraço

 

 

 

 

DIV Sobre DIV

Use Background nas duas.

 

HTML

<div class="imagem-de-baixo">

<div class="imagem-de-cima"></div>

</div>

CSS

<style>
.imagem-de-cima{background-image:url(minhaimagem.jpg);}
.imagem-de-baixo{background-image:url(minhaimagem2.jpg);}
.imagem-de-cima,
.imagem-de-baixo{backgroun-position:50% 50%;background-repeat: no-repeat;width:100px;height:100px;} 
</style>

[Electronic 124]

DIV Sobre DIV

Use Background nas duas.

isso se a imagem ja fosse carregada curvada.

mas ele esta tentando fazer um curva com uma imagem

 

se quer a imagem realmente curvada de uma estudada ma lib ImageMagick, nesse link tem exemplo http://www.fmwconcepts.com/imagemagick/cylinderwarp/index.php

perto disso com css

se a caneca estivesse bem de frente daria pra fazer com css simples border-radius

veja

http://codepen.io/anon/pen/QjLxGp

 

 

[demonio 3]

isso se a imagem ja fosse carregada curvada.

mas ele esta tentando fazer um curva com uma imagem

 

se quer a imagem realmente curvada de uma estudada ma lib ImageMagick, nesse link tem exemplo http://www.fmwconcepts.com/imagemagick/cylinderwarp/index.php

perto disso com css

se a caneca estivesse bem de frente daria pra fazer com css simples border-radius

veja

http://codepen.io/anon/pen/QjLxGp

 

 

Cara você ta querendo código pronto?

Você encontrou na Web, agora implementa.

[Electronic 124]

Cara você ta querendo código pronto?

Você encontrou na Web, agora implementa.

 

Não fui eu que criei o tópico, não to querendo código nenhum, pelo contrario vim tentar ajudar

o autor do tópico quer (1)curvar uma imagem, para depois (2)sobrepor a caneca

você respondeu sobre a parte 2, mas ele nao quer sobre por com uma imagem quadrada

entao eu respondi a parte 1

[demonio 3]

 

Não fui eu que criei o tópico, não to querendo código nenhum, pelo contrario vim tentar ajudar

o autor do tópico quer (1)curvar uma imagem, para depois (2)sobrepor a caneca

você respondeu sobre a parte 2, mas ele nao quer sobre por com uma imagem quadrada

entao eu respondi a parte 1

 

uou, desculpa nem prestei atenção...

Não vai mais acontecer... abrç...

[thiagunix 0]

Opa galera,

Muito obrigado mesmo.
Já tinha ouvi falar alguns funcionalidades do css tops, já usei bastante mais nada to legal assim.

 

Eu já fiz uma Classes para rotacionar e cortar a imagem agora vou fazer a parte da visualização da caneca.
Mais da mesma forma vou olhar sim o ImageMagick.
Muito obrigado e grande abraço

[thiagunix 0]

Boa tarde pessoal,

Será que com CSS eu consigo fazer uma curva e deixar pontuda, como na foto no topo no lado esquerdo.

Muito obrigado e grande abraço

[Electronic 124]

Boa tarde pessoal,

Será que com CSS eu consigo fazer uma curva e deixar pontuda, como na foto no topo no lado esquerdo.

Muito obrigado e grande abraço

 

Dei uma pesquisada encontrei algo que da o resultado esperado

usando o canvas html5

http://stackoverflow.com/questions/7251177/curving-an-image-that-starts-as-a-rectangle-uploaded-by-user-preferably-using