Vous êtes sur la page 1sur 2

Conteo, No 01, 26 de septiembre de 2017. Universidad Tecnolgica de Pereira.

Canvas
Autor: Hamilton Andrs Ruiz Mosquera
Matemtica, Universidad tecnolgica de Pereira (UTP), Pereira, Colombia
Correo: Hamilton.ruiz@utp.edu.co

I. INTRODUCCIN Algunos de los usos pre previstos incluyen construccin de


grficos, animaciones, juegos y la composicin de
Como en todos los otros documentos este es una nueva gua imgenes.
de una de las nuevas actualizaciones de HTML, las cuales
permiten hacer ms cosas en JavaScript, con el cual se El elemento se apoya en las versiones actuales de Mozilla
pueden hacer dibujos grficos, composicin de imgenes o Firefox, Google Chrome, Internet Explorer, Safari,
fotos crear animaciones e incluso procesar videos en tiempo Konqueror y Opera. Las versiones anteriores de Internet
real. Explorer, como la versin 8 y anteriores no son compatibles
Canvas o lienzo es un elemento de html5 que permite la con la lona, sin embargo plugins desarrollados por Google y
generacin de grficos dinmicos por medio de scripting, el Mozilla lo hacen posible.
cual se trata de un modelo de procedimientos de bajo nivel
que actualiza un mapa de bits y el cual no cuenta con una Descripcin detallada del soporte de este elemento con
grfica de escala integrada respecto a los navegadores ms populares (como un
porcentaje de participacin en el mercado a partir de
septiembre de 2012)
II. CONTENIDO

1. Introduccin

2. Teora bsica

3. Ejemplos

4. Conclusin

5. Bibliografa
Ejemplos
Este es un pequeo cdigo <cambas> para dibujar un
rectngulo

Teora bsica
En sus inicios canvas fue introducido o manejado por Apple
para usos dentro de sus propios componentes de Mac OS X
surgido en 2004, para empujar aplicaciones como widgets
de dashboard y el navegador safari. Ms tarde en 2005 se
adopt en la versin 1.8 de los navegadores gecko y opera
en 2006; fue estandarizado por un grupo de trabajadores de
tecnologas de aplicaciones de hipertexto web (WHATWG
por sus siglas en ingles).

El canvas consiste en una regin dibujable definida en el


cdigo HTML con atributos de altura y ancho. El cdigo
JavaScript puede acceder a la zona a travs de un conjunto
completo de funciones similares a las de otras APIs
comunes de dibujo 2D, permitiendo as que los grficos sean
generados dinmicamente.

1
Conteo, No 01, 26 de septiembre de 2017. Universidad Tecnolgica de Pereira.

En este ejemplo podemos ver cmo se pueden dibujar lneas nico que debemos hacer es conocerlos e interactuar con
y figuras geomtricas ellos

REFERENCIAS

https://developer.mozilla.org/es/docs/Web/HTML/C
anvas

https://es.wikipedia.org/wiki/Canvas_(HTML)

http://www.wegocio.com/ejemplos-canvas-html5-
lineas-formas/

http://www.aulaclic.es/articulos/canvas_3.html

Conclusin
Todo se puede hacer solo hay que ir un poco ms haya ya
que hay programas que nos facilitan un poco las cosas lo