convertir de un div a una imagen

[marlanga]

No hay forma humana de convertir HTML a imagen desde el navegador. Hay librerías javascript que recorriendo el DOM de la página y sus atributos CSS, son capaces de hacer una aproximación del aspecto de la imagen en un CANVAS, que permite generar un JPG o PNG con uno de sus métodos. Sus resultaods a veces son muy buenos, y otras veces no tanto; depende del contenido de la página y de que sus atributos CSS no sean muy especiales.ç

En el ejemplo que puso, es un DIV controlado, es decir, el servidor sabe qué es lo que hay dibujado en ese DIV. Basícamente es una imagen del cesped, y una imagen del dorsal de cada jugador. Los dorsales se pueden pinchar y arrastrar, asi que lo único que necesita saber el servidor, son las posiciones finales de los dorsales que el usuario arrastró. Esa información se manda al servidor, y el servidor con la librería GD es facilísimo dibujar la imagen de cesped de fondo, y los dorsales en las posiciones que le llegó por GET o POST.