Ir al contenido principal

Canvas


El elemento HTML canvas (<canvas>) se puede utilizar para dibujar gráficos a través de secuencias de comandos (por lo general JavaScript ). Por ejemplo, puede usarse para dibujar gráficos, hacer composiciones de fotos o incluso realizar animaciones.

Las aplicaciones de Mozilla adquirieron la compatibilidad con <canvas> a partir de Gecko 1.8 (es decir, Firefox 1.5 ). El elemento fue originalmente introducido por Apple en el OS X Dashboard y Safari. Internet Explorer, antes de la versión 9.0 beta, no admite de forma nativa <canvas> , pero una página puede de hecho añadir la compatibilidad mediante la inclusión de un script del proyecto Explorer Canvas de Google. Opera 9 también es compatible con <canvas> .

Las aplicaciones de Mozilla soportan <canvas> desde Gecko 1.8 (es decir, Firefox 1.5). El elemento fue inicialmenmte presentado por Apple para el Dashboard de OS X y Safari. Internet Explorer soporta <canvas> desde la versión 9 en adelante; para versiones anteriores de IE, se puede añadir soporte para <canvas> a una página incluyendo un script del proyecto de Google Explorer Canvas. Google Chrome y Opera 9 también soportan <canvas>.

El elemento <canvas> también se usa en WebGL para dibujar gráficos 3D con aceleración por hardware en páginas web.

Librerías

  • Fabric.js es una librería open-source para canvas con capacidad de parsear SVG.
  • Kinetic.js es una librería open-source de canvas enfocada en la interactividad para aplicaciones móviles y de escritorio.
  • Paper.js es un framework para gráficos vectoriales open source que funciona sobre Canvas HTML5.
  • Origami.js es una librería ligera open-source para canvas.
  • libCanvas es un framework ligero y potente para canvas.
  • Processing.js es un port de PVL (Processing visualization language).
  • PlayCanvas es un motor open source de juegos.
  • Pixi.js es un motor open source de juegos.
  • PlotKit es una librería para hacer gráficas.
  • Rekapi es una API para animación por frames para Canvas.
  • PhiloGL es un framework WebGL para visualización de datos, programación creativa y desarrollo de juegos.
  • JavaScript InfoVis Toolkit crea visualizaciones de datos 2D interactivas para Web.
  • EaselJS es una librería open source/libre que facilita el uso de canvas para arte y juegos
  • Scrawl-canvas es otra librería open-source javascript para crear y manipular elementos canvas en 2D
  • heatmap.js es una librería open-source para crear mapas (heatmaps)

Comentarios

Publicar un comentario

Entradas populares de este blog

SOFTWARE CAE

Ingeniería asistida por computadora o por ordenador (CAE, del inglés Computer Aided Engineering) es la disciplina que se encarga del conjunto de programas informáticos que permiten analizar y simular los diseños de ingeniería realizados con el ordenador, o creados de otro modo e introducidos en el ordenador, para valorar sus características, propiedades, viabilidad, y rentabilidad. Su finalidad es optimizar su desarrollo y consecuentes costos de fabricación, y reducir al máximo las pruebas para la obtención del producto deseado. La base de todas ellas se presentan como módulos o extensiones de aplicaciones CAD, que incorporan: Análisis cinemático. Análisis por el método de elementos finitos (FEM, Finite Elements Method). Maquinado por control numérico CNC (Computered Numeric Control). De exportación de ficheros "Stl" (Estereolitografía) para máquinas de prototipado rápido. CAD FEMAP Femap es un programa de simulación y análisis FEA, con pre y post...
Publicar un comentario
Leer más

Front-end

El frontend son todas aquellas tecnologías que corren del lado del cliente, es decir, todas aquellas tecnologías que corren del lado del navegador web, generalizandose mas que nada en tres lenguajes, Html , CSS Y JavaScript, la persona encargada del frontend, se dedica solo a estas tres tecnologías, aunque esto no significa que no sepa como trabaja el Backend, ya que es necesario para que pueda consumir datos y pueda estructurar correctamente un maquetado en HTML y CSS para su mejor comodidad y la comodidad del Backend a la hora de colocarlo sobre un servidor, normalmente en FrontEnd se encarga de estilizar la página de tal manera que la página pueda quedar cómoda para la persona que la ve, es decir, esta persona, debe de conocer tecnicas de User Experience para dar una experiencia de usuario comoda a la persona que visita la página, así mismo debe de saber de diseño de Interacción para que sepa colocar las cosas de tal manera que el usuario las pueda ubicar de manera rápida y comoda,...
Publicar un comentario
Leer más

Back-End

El programador backend es aquel que se encuentra del lado del servidor, es decir, esta persona se encarga de lenguajes como PHP, Python, .Net, Java, etc, es aquel que se encarga de interactuar con bases de datos, verificar manejo de sesiones de usuarios, montar la página en un servidor, y desde éste “servir” todas las vistas que el FrontEnd crea, es decir, uno como backend se encarga mas que nada de la manipulación de los datos, que en muchas ocasiones suele ser lo más tedioso, pero al mismo tiempo, un Backend no sirve de mucho si no existe un FrontEnd de por medio que se haya encargado de que la página se vea estetica, el programador de Backend normalmente debe de conocer Bases de datos, Frameworks y Librerias que le permitan desenvolverse mejor en la manera en la que sirve las páginas, ya que el se va a encargar de que todos los datos que llegan desde el FrontEnd, lleguen a una base de datos, por tanto, debe de conocer un poco de seguridad, para mantener los datos cuidados y tratar ...
Publicar un comentario
Leer más