El canvas de HTML 5 (VIII). Insertando imágenes.

Insertar imágenes en un canvas es una de las posibilidades que tiene este elemento. Sin embargo, a menos que sea necesario emplearlo, yo sugiero usar un contenedor más “natural”, como un figure o, incluso, un simple div. La razón no es caprichosa. Si bien el uso del canvas como contenedor de una imagen nos permite ciertas posibilidades adicionales, estas no son siempre necesarias, y el precio es una mayor complejidad en la programación de nuestra web, como veremos en este artículo.

El plugin DataTables (XIV). Más tipos de datos desplegables.

En un artículo anterior en esta serie aprendimos cómo obtener datos que no estaban a la vista al renderizar las tablas, pero que podían visualizarse, en una fila desplegable, pulsando sobre un icono. En este artículo vamos a ir un paso más allá. Veremos cómo insertar imágenes en una fila desplegable. Además, seguiremos aprendiendo sobre la adaptación previa de los datos, antes de la renderización, que ya vimos, también, en otro artículo. Este artículo presenta, cómo tales, pocas novedades. Sin embargo, a la hora de reforzar algunos conocimientos, y explotar mejor las posibilidades que ya conocemos, tiene un gran valor didáctico. Yo mismo he aprendido cosas redactándolo, y he disfrutado de ellas. Espero que este artículo sirva para compartir contigo ambas experiencias.

PHP-TUT-20 Gestión de imágenes (I)

En este artículo y el siguiente vamos a aprender a gestionar las imágenes que necesitemos presentar en nuestras páginas. Ya sabes que HTML te permite insertar imágenes en un documento web. Sin embargo, PHP te permite actuar sobre las imágenes antes de que sean enviadas al navegador, implementando ciertas funcionalidades que conoceremos en este artículo.

Rotación automática de imágenes

A menudo nos encontramos con que tenemos que preparar un formulario que le permita al usuario subir imágenes a nuestro sitio. Estas imágenes deberán quedar a disposición nuestra, o del propio usuario que las ha subido, o de otros usuarios de nuestra web para visualizarlas. Supongamos, por ejemplo, que creamos un portal inmobiliario donde el usuario sube imágenes de un inmueble que desea vender. El problema aparece cuando esas imágenes han sido tomadas con una cámara digital, teléfono móvil, tablet, etc. Estos dispositivos incorporan a dichas imágenes lo que se conoce cómo información Exif. Se trata de un conjunto de metadatos que no se aprecian al visualizar la fotografía. Sin embargo, uno de los metadatos que se incluyen especifica una orientación concreta para la imagen. El resultado es que el usuario sube una imagen que concidera que es correcta y nuestra página la muestra rotada 90, 180 0 270 grados. Sin embargo, si visualizamos la imagen en nuestro sistema operativo, o con un programa de visiualización de imágenes, se muestra correctamente. ¿Que hacer en este caso?