Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

bill yung

tansformar div em imagem

Por , em Javascript

Recommended Posts

bill yung    0

bill yung
Postado

olá pessoal, mais uma vez preciso da ajuda de vocês.

 

eu estou desenvolvendo um app para o facebook, é um criador de temas, a pessoa faz o upload a foto e a alinha na moldura que tem uma mensagem. Preciso transformar estes dados em formato de imagem, para enviar ao facebook ou salvar no computador da pessoa, já estou pesquisando a 3 dias e não tenho nem idéia de como posso fazer, tentei usar o plugin html2canvas mas a única documentação que eu encontrei não funciona, ele pega os elementos separados e os exibe um abaixo do outro só com as cores de fundo.

 

estou desesperado, aceito tanto client-side como server side(php).

 

segue minha falha tentativa:

 

   $('#finalizar').click(function(){

       html2canvas.Preload(document.getElementById('imagem-canvas'), {
           complete: function (images) {
               var queue = html2canvas.Parse();
               var canvas = html2canvas.Renderer(queue, {
                   elements: {
                       length: 1
                   }
               });
               var img = canvas.toDataURL();

                  openConsole("<img src='" + img + "'><p>");
               }
           });
           function openConsole(content) {
               top.console = window.open('', 'myconsole',
                 'width=350,height=250'
                  + ',menubar=0'
                  + ',toolbar=1'
                  + ',status=0'
                  + ',scrollbars=1'
                  + ',resizable=1')
               top.console.document.writeln(
                 '<html><head>        <link rel="stylesheet" href="css/estilo.css" type="text/css" /><title>Console</title></head>'
                  + '<body bgcolor=white onLoad="self.focus()">'
                  + content
                  + '</body></html>'
                )
               top.console.document.close();

           }
       });

Compartilhar este post

Link para o post
Compartilhar em outros sites

bill yung    0

bill yung
Postado

obrigado por responder, porém asp não é uma opção neste projeto.

pesquisando eu encontrei a lib gd do php, ela vai servir para o que eu preciso,só que quando mando ler o fonte da imagem upada do usuario ele da erro.

alguem sabe como passar para imagem do gd apartir de um arqivo do proprio servidor?

tipo um "imageload"????

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito