Generar imagen desde data:image

[Rafael]

Tengo una duda que ni si quiera sé si va aquí.

Necesito generar un mapa de bits, una imagen en escala de grises a partir de una tabla de datos de altura.

Una opción que se me ocurre es usar data:image/png.

Pero obviamente tengo más dudas que pixeles mi imagen.

1) ¿Dónde inicia cada parte del código de una imagen png, por ejemplo ancho y alto?

2) ¿El base64 es algo parecido al hexadecimal, pero con más caracteres, por ejemplo minúsculas y caracteres en chino?

3) ¿Puedo usar grupos de notación Hexadecimal por cada pixel?

Código HTML:

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA            AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO            9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot">
 

[zerokilled]

buenas!
ciertamente creo que el tema no va aqui, parecen dudas mas bien tecnicas en general.
- la primera duda no se si la comprendí bien. el ancho y alto lo especifica el formato de la imagen. cada formato tiene su forma, pero en general ese dato esta contenido en headers del archivo. o sea, a nivel de byte, el formato organiza la información por partes: una parte para los datos como dimensiones, profundidad de color, y luego la codificación de los colores de cada pixel o grupo de pixeles.

- segunda duda, no exactamente. es simplemente una forma de "empaquetar" un contenido que de lo contrario seria imposible transferir en un medio limitado. con esto me refiero a que una imagen contienen valores que son imposibles mostrar en un documento html sin corromper el mismo. o sea, para mostrar una imagen, necesitarias el binario. pero dentro del binario hay caracteres que podría afectar el html. entonces, base64 es una codificación tipo binary-to-text. es diferente del hexadecimal porque el hexadecimal comunmente se utiliza como la base para mostrar un byte. en base64, un caracter no necesariamente representa un byte del contenido original.

- no estoy seguro de lo que intentas preguntar... pero no, creo que no. a menos que conozca como se organiza la información en el formato png.

[Rafael]

Ok. Gracias.

Opté por hacer un arreglo de divs de 1 pixel cada uno, y le saque un print screen

[zerokilled]

eeeeemmmm... ¿no te conviene mejor canvas? digo, no lo he usado pero voy a pecar de que es más cómodo. luego al final haces un export de la composición. según como lo hice una vez, hice el export a base64 y luego guarde la imagen en JPEG, sin necesidad de screenshot.

[Rafael]

Me convendría... si tuviera la más remota de cómo usarla
Me funcionó lo del css.

Use los datos de una tabla de excell y generé un mapa de bits en escala de grises con los datos, a través de unos divs y css para usarlo como alturas en esta gráfica: http://www.forosdelweb.com/f6/cuanto...6/#post4641543