Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
2
respuestas

Desafios - lógica de programación

![](Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad )

2 respuestas

A continuación, te proporcionaré el mismo código como una imagen en formato SVG (codificada en Base64). Para verla en tu navegador, haz lo siguiente:

Copia toda la cadena que comienza con data:image/svg+xml;base64, (es larga) Abre una nueva pestaña en tu navegador Pega la cadena en la barra de direcciones Presiona Enter Verás la imagen que contiene el código.

Código en imagen (SVG codificado en Base64)

data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3NTAiIGhlaWdodD0iMzAwIj4KICA8c3R5bGU+CiAgICB0ZXh0IHsgZm9udC1mYW1pbHk6IG1vbm9zcGFjZTsgZm9udC1zaXplOiAxNHB4OyBmaWxsOiAjMzMzOyB9CiAgPC9zdHlsZT4KCiAgPHRleHQgeD0iMTAiIHk9IjIwIj5hbGVydCgiwqFCaWVudmVuaWRhIHkgaWJpZW52ZW5pZG8gYSBudWVzdHJvIHNpdGlvIHdlYiIpOzwvdGV4dD4KICA8dGV4dCB4PSIxMCIgeT0iNDAiPmxldCB1c3VhcmlvID0gImx1YSI7PC90ZXh0PgogIDx0ZXh0IHg9IjEwIiB5PSI2MCI+bGV0IGVkYWRVc3VhcmlvID0gMjU7PC90ZXh0PgogIDx0ZXh0IHg9IjEwIiB5PSI4MCI+bGV0IGNhbnRpZGFkVmVudGFzID0gNTA7PC90ZXh0PgogIDx0ZXh0IHg9IjEwIiB5PSIxMDAiPmxldCBzYWxkbyA9IDEwMDA7PC90ZXh0PgogIDx0ZXh0IHg9IjEwIiB5PSIxMjAiPmFsZXJ0KCJFcnJvcjogwqFjb21wbGV0YSB0b2RvcyBsb3MgY2FtcG9zIik7PC90ZXh0PgogIDx0ZXh0IHg9IjEwIiB5PSIxNDAiPmxldCBtZW5zYWplRGVFcnJvciA9ICIjRXJyb3IhIEZhbHRhIGNvbXBsZXRhciBsb3MgY2FtcG9zIjs8L3RleHQ+CiAgPHRleHQgeD0iMTAiIHk9IjE2MCI+YWxlcnQoIk1lbnNhamUgZGUgZXJyb3I6ICIgKyBtZW5zYWplRGVFcnJvcik7PC90ZXh0PgogIDx0ZXh0IHg9IjEwIiB5PSIxODAiPmxldCBub21icmVJbmdyZXNhZG8gPSBwcm9tcHQoIsKgQ8OwYWwgaXMgIHN1IG5vbWJyZSBkZSB1c3VhcmlvPyIpOzwvdGV4dD4KICA8dGV4dCB4PSIxMCIgeT0iMjAwIj5sZXQgZWRhZEluZ3Jlc2FkYSA9IHByb21wdCgiSW5ncmVzYSB0dSBlZGFkIik7PC90ZXh0PgogIDx0ZXh0IHg9IjEwIiB5PSIyMjAiPmlmIChwYXJzZUludChlZGFkSW5ncmVzYWRhLCAxMCkgPj0gMTgpIHsgPC90ZXh0PgogIDx0ZXh0IHg9IjIwIiB5PSIyNDAiPmFsZXJ0KCjChFB1ZWRlcyBvYnRlbmVyIHR1IGxpY2VuY2lhIGRlIGNvbmR1Y2lyISkiKTwvdGV4dD4KICA8dGV4dCB4PSIxMCIgeT0iMjYwIj59PC90ZXh0Pgo8L3N2Zz4=

¿Qué verás? Cuando pegues esta cadena en tu navegador, observarás un texto con cada línea de tu código JavaScript en una imagen SVG. Básicamente, es una captura en formato vectorial con el contenido.

Observación técnica El SVG es un formato de imagen vectorial que, en este caso, contiene para mostrar tu snippet. Codificarlo en Base64 permite incrustarlo directamente en una URL (data URI) sin necesidad de un archivo externo. Con esto podrás ver el código en forma de imagen.

Interesante método de compartir Cristian, como puedo lograr compartir de la misma manera?