Convertir el Contenido de un Div en Imagen.

< 1 minuto(s)

Demo Github

Si deseamos en algún momento facilitar un contenido determinado a nuestros usuarios dentro de nuestra Página web o Aplicación seria de gran ayuda poder brindarle un botón para obtenerlo con un solo click.
En este Artículo les voy a enseñar a convertir el contenido de una div a imagen, esta imagen descargada se puede enviar a un correo, compartirla en las redes sociales, etc.

Primero instanciamos nuestros elementos a nuestra vista:

index.html

Nuestra vista HTML para los elementos de nuestra aplicación:

script.js

Le decimos que el contenido de nuestro div=”contenido” se exporte como imagen al presionar el botón id=”crearimagen” en nuestra página html:


Eso es todo, espero que les sea de mucha utilidad.

En la Demo y el repositorio Git pueden obtener y ver el código Fuente.

Espero les sea de mucha utilidad este Artículo.

Hasta nuestro siguiente Artículo o Tutorial !