Como covertir un Div a imagen

[viriscalderon]

Hola que tal, espero me puedan ayudar; hice un pequeño formulario en donde las personas puedan crear su etiqueta, todo esta en perfecto estado pero al finalizar todo mi cliente tiene que recibir la información en pdf, pero la funcion es de un Div ¿Me pueden ayudar para saber como puedo convertir el Div en una imagen?


<div id="etiqueta" class="">
<label id="text_etiq" class="text_class"></label>
<div id="imagen"></div>
</div>

[hackjose]

Tendrias que pasar todo al canvas

Por ejemplo
Tienes un div contenedor y en el hay imagenes e incluso texto, las imagenes y el texto pueden estar en cualquier parte del div ya que usaste drag and drop

Entonces lo que tienes que hacer es

Obten las rutas de las imagenes
Obten los textos
Obten todas las coordenadas tanto del texto como de las imagenes

Ya con esto usas la api de canvas y pintas las imagenes y el texto en las coordenadas antes obtenidas

Ya con eso vas a crear la imagen FINAL, ya que tienes esta imagen FINAL tendras que usar el metodo todataurl() para que generes la imagen y la puedas manipular(guardarla en el servidor)

Salu2