ABCdatos
Programas y tutoriales
en castellano
ABCdatos tu página de inicio Inicio       
Su navegador rechazó un objeto incrustado.
Su navegador no soporta objetos incrustados. Vea los últimos mensajes en el foro.

Exportar el contenido de un Canvas HTML5 a una imagen

Exportar el contenido de un Canvas HTML5 a una imagen

Formato: Documento HTML
Fecha: 18/09/2012
Autor: Victor Cuervo
Web: http://lineadecodigo.com/
     
Valoración de los usuarios:  Valoración de los usuarios   5,0 en base a 1 voto
Icono FacebookIcono Twitter
Valora este tutorial:

     
  • Descripción
  • Opiniones

PUBLICIDAD
Los Canvas de HTML5 nos permiten una fácil manipulación gráfica.

Por esta razón es sencillo insertar en ellos elementos gráficos, textos, imágenes, etc. Pero además nos ofrecen la posibilidad de exportar todo el contenido en formato imagen.

Este tutorial nos explica cómo externalizar el contenido volcado sobre un Canvas de HTML5 a una imagen: PNG o JPEG, de tal manera que dicha imagen se cargue en otro elemento IMG de la página.

»Accede al contenido completo


No hay opiniones de los usuarios. ¡Sé el primero en dar tu opinión! (No requiere registro)

Tutoriales del mismo autor Más tutoriales del mismo autor
(Se muestran 10 de 23)
Indicando el tipo de documento HTML
Análisis de los diferentes DOCTYPE que existen en los documentos HTML y qué validaciones conllevan. Cuando estamos creando un documento HTML lo primero que debemos indicar es el tipo de...
► sigue leyendo
Bloquear un fichero con Java
Utilización de un FileChannel para bloquear de manera lógica el acceso a un fichero y conseguir así mantener datos consistentes. Si estamos trabajando con ficheros en Java es...
► sigue leyendo
Insertar una imagen en un Canvas de HTML5
Cómo cargar una imagen (gif, jpg o png) dentro de un Canvas. Este tutorial te brinda el código y los pasos a seguir para controlar la carga previa de la imagen de cara a insertarla en...
► sigue leyendo
Cargar una ruta con Google Maps v3
Cómo utilizar el API de Google Maps para realizar el cálculo de una ruta. En este tutorial se muestra el resultado sobre un mapa y sobre una capa de contenido en forma textual. Se...
► sigue leyendo
Cargar Google Maps v3
Cómo realizar la carga del API Google Maps v3 para poder insertar un mapa en nuestra página web. Google ha dejado de dar soporte a la versión 2 de Google Maps, ahora la oficial...
► sigue leyendo
Servlet que devuelve XML
Creación de un servlet cuya respuesta sea código XML en lugar de HTML. Ahora que los desarrollos se están moviendo a arquitecturas SOA, comenzamos a ver que nos aparecen...
► sigue leyendo
Borrado de datos con JDBC
Uso de una conexión JDBC para ejecutar una sentencia SLQ de DELETE con el fin de poder eliminar datos de una tabla. Una de las operaciones que podemos realizar sobre una base de datos es el...
► sigue leyendo
Listas Ordenadas con jQuery Mobile
Cómo crear una lista ordenada de elementos para una aplicación web móvil utilizando jQuery Mobile. Con jQuery Mobile podemos crear listas ordenadas para presentar el contenido...
► sigue leyendo
Cómo utilizar un Polyfill con Modernizr
Qué es un polyfill y cómo utilizar Modernizr para cargarlo. Modernizr como librería Javascript está orientada a permitir conocer el soporte de las capacidades CSS3 y HTML5...
► sigue leyendo
Utilizar Placeholder con jQuery
Cómo utilizar un plugin de jQuery para poder soportar los placeholders de HTML5 Un placeholder con HTML5 nos posibilita poner un texto dentro de un campo de un formulario para orientar al...
► sigue leyendo

Tutoriales recomendados También te recomendamos los siguientes tutoriales
Html 5
Acércate al HTML5: teoría y práctica. Este tutorial presenta un acercamiento al HTML 5 basándose en la especificación del consorcio internacional de...
► sigue leyendo
Administrando HTML con Perl, HTML::TagReader
Si quieres administrar un sitio web con mas de 10 páginas HTML pronto averiguarás que necesitas algunos programas para ayudarte. La mayoría del software tradicional lee ficheros...
► sigue leyendo
Uso de hojas de estilo en la revisión
Este documento explica cómo pueden usar las hojas de estilo en cascada los autores Web para revisar la accesibilidad y usabilidad del sitio que están creando. Pone algunos ejemplos y...
► sigue leyendo
Ver más tutoriales de esta categoría
Refina tu búsqueda
Encuentra alternativas en la categoría Tutoriales: HTML avanzado
Ordenar por
Accesos
Valoración
Novedad
Sobre sujeto con un clip.
Boletín de Webmasters
Si quieres estar informado de las novedades para webmasters de nuestra web directamente en tu buzón de correo, suscríbete gratis al boletín de webmasters.
Copyright © 1999-2023 ABCdatos.com. Todos los derechos reservados. RSS ABCdatos Webmasters
Aviso legal. Políticas de privacidad y cookies.
Contactar con ABCdatos.