SlideShare una empresa de Scribd logo
HTML5 - Elemento
    CANVAS
    Hora de los Jueves
HTML5: Elemento CANVAS
El canvas es un lienzo, donde podemo pintar usando
javascript
Esto nos permite hacer imágenes dinámicas, como en flash
pero sin plugins externos
Se debe proporcionar contenido alternativo para cuando el
elemento no este soportado, por ejemplo, una imágen
estática equivalente
Compatibilidad de CANVAS
Desarrollado inicialmente por Apple para Safari
Estandarizado por WAHTWG para HTML5
Adoptado por Firefox y Opera
Chrome usa el motor de Safari, por lo que funciona
igualmente
No funciona en IE8 aunque hay plugins para meterlo
Ejemplo de Uso
<canvas id="micanvas" width="200" height="100">
Este texto se muestra para los navegadores no compatibles con
canvas.
<br />
Por favor, utiliza Firefox, Chrome, Safari u Opera.
</canvas>


//Recibimos el elemento canvas
var canvas = document.getElementById('micanvas');

//Accedo al contexto de '2d' de este canvas, necesario para dibujar
var contexto = canvas.getContext('2d');

//Dibujo en el contexto del canvas
contexto.fillRect(50, 0, 10, 150);
Rectángulos

fillRect(x,y,anchura,altura)
strokeRect(x,y,anchura,altura)
clearRect(x,y,anchura,altura)
Paths
beginPath()
moveTo(x,y)   ctx.beginPath();
              ctx.moveTo(50,5);
lineTo(x,y)   ctx.lineTo(75,65);
fill()         ctx.lineTo(50,125);
              ctx.lineTo(25,65);
stroke()      ctx.fill();
closePath()
Ejemplo Path
ctx.beginPath();
ctx.moveTo(1,1);           ctx.beginPath();
for (i=1;i<100;i+=5){      ctx.moveTo(1,1);
   if((i%2)!=0){           for (i=1;i<100;i+=5){
      ctx.lineTo(i+5,i);      if((i%2)!=0){
   }else{                        ctx.lineTo(i+5,i);
      ctx.lineTo(i,i+5);      }else{
   }                             ctx.moveTo(i,i+5);
}                             }
ctx.lineTo(1,i);           }
ctx.closePath();           ctx.stroke();
ctx.stroke();
Ejemplo Arcos
ctx.beginPath();  
ctx.arc(75,75,50,0,Math.PI*2,true); // Outer circle  
ctx.moveTo(110,75);  
ctx.arc(75,75,35,0,Math.PI,false);   // Mouth (clockwise)  
ctx.moveTo(65,65);  
ctx.arc(60,65,5,0,Math.PI*2,true);  // Left eye  
ctx.moveTo(95,65);  
ctx.arc(90,65,5,0,Math.PI*2,true);  // Right eye  
ctx.stroke();  
Curvas Bezier y Cuadráticas
          quadraticCurveTo(cp1x, cp1y, x, y)
          bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y)
// Quadratric curves example                // Bezier curves example  
ctx.beginPath();                            ctx.beginPath();  
ctx.moveTo(75,25);                          ctx.moveTo(75,40);  
ctx.quadraticCurveTo(25,25,25,62.5);        ctx.bezierCurveTo(75,37,70,25,50,25);  
ctx.quadraticCurveTo(25,100,50,100);        ctx.bezierCurveTo(20,25,20,62.5,20,62.5);  
ctx.quadraticCurveTo(50,120,30,125);        ctx.bezierCurveTo(20,80,40,102,75,120);  
ctx.quadraticCurveTo(60,120,65,100);        ctx.bezierCurveTo(110,102,130,80,130,62.5);  
ctx.quadraticCurveTo(125,100,125,62.5);     ctx.bezierCurveTo(130,62.5,130,25,100,25);  
ctx.quadraticCurveTo(125,25,75,25);         ctx.bezierCurveTo(85,25,75,37,75,40);  
ctx.stroke();                               ctx.fill();  
Imágenes
function draw() {  
    var ctx = document.getElementById('canvas').getContext('2d');  
    var img = new Image();  
    img.onload = function(){  
      ctx.drawImage(img,0,0);  
      ctx.beginPath();  
      ctx.moveTo(30,96);  
      ctx.lineTo(70,66);  
      ctx.lineTo(103,76);  
      ctx.lineTo(170,15);                             drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight)



      ctx.stroke();  
    }  
    img.src = 'images/backdrop.png';  
  } 
Colores y Estilos

// these all set the fillStyle to 'orange'  
ctx.fillStyle = "orange";  
ctx.fillStyle = "#FFA500";  
ctx.fillStyle = "rgb(255,165,0)";  
ctx.fillStyle = "rgba(255,165,0,1)"; 
Lineas

lineWidth = value
lineCap = type (butt, round, square)
lineJoin = type (round, bevel, miter)
Gradientes

createLinearGradient(x1,y1,x2,y2)
createRadialGradient(x1,y1,r1,x2,y2,r2)
addColorStop(position, color)
var lineargradient = ctx.createLinearGradient(0,0,150,150);
lineargradient.addColorStop(0,'white');  
lineargradient.addColorStop(1,'black'); 
Más cosas


Transformaciones: Escalados, traslaciones, etc
Composiciones: Diferencia, Unión, clipping, mascaras...
Animaciones

Usar setInterval
Eventos para el ratón
Y Javascript que ya conocemos
Problema de todo esto


   Que es un coñazo hacer
cosas medio complejas
Processing JS
The Processing language was created by Ben Fry and Casey Reas. It evolved
from ideas explored in the Aesthetics and Computation Group at the MIT
Media Lab and was originally intended to be used in a Java run-time
environment. In the Summer of 2008, John Resig ( inventor of jQuery ),
ported the 2D context of Processing to Javascript for use in web pages. Much
like the native language, Processing.js is a community driven project, and
continues to grow as browser technology advances.

Basicamente que se crea en el MIT y el inventor del JQuery lo porta a
Javascript.
Como funciona processing

Función setup: Donde se definen las propiedades del canvas
Función draw: Donde se dibuja, es un loop
Otras funciones para añadir interactividad: mouseMoved,
MousePressed...
Ejemplo con processing
// Global variables      // Setup the Processing Canvas     // Main draw loop  
float radius = 50.0;      void setup(){                      void draw(){  
int X, Y;                  size( 200, 200 );                  radius = radius + sin( frameCount / 4 );  
int nX, nY;                strokeWeight( 10 );                // Track circle to new destination  
int delay = 16;            frameRate( 15 );                   X+=(nX-X)/delay;  
                           X = width / 2;                     Y+=(nY-Y)/delay;  
                           Y = height / 2;                    // Fill canvas grey  
                           nX = X;                            background( 100 );  
                           nY = Y;                            // Set fill-color to blue  
                         }                                    fill( 0, 121, 184 );  
// Set circle's next destination                              // Set stroke-color white  
void mouseMoved(){                                            stroke(255);   
  nX = mouseX;                                                // Draw circle  
  nY = mouseY;                                                ellipse( X, Y, radius, radius );                    
}                                                           }  

Más contenido relacionado

La actualidad más candente

Areas analisis tangram
Areas analisis tangramAreas analisis tangram
Areas analisis tangram
Jorge La Chira
 
Comandos básicos.pptxe eni
Comandos básicos.pptxe eniComandos básicos.pptxe eni
Comandos básicos.pptxe eni
ANA ENI ESTELA HERRERA
 
Bad ct 5_31 (1)
Bad ct 5_31 (1)Bad ct 5_31 (1)
Bad ct 5_31 (1)
marcoyucute
 
Funcion cuadratica
Funcion cuadraticaFuncion cuadratica
Funcion cuadratica
EduardoBermudezCarvajal
 
Dominios f
Dominios fDominios f
Dominios f
Juan Jose Tello
 
Actividad 3 gemio duran andrea
Actividad 3 gemio duran andreaActividad 3 gemio duran andrea
Actividad 3 gemio duran andrea
Andrea Gemio
 
23409207 ejercicios-de-funciones-graficas-dominio-y-rango
23409207 ejercicios-de-funciones-graficas-dominio-y-rango23409207 ejercicios-de-funciones-graficas-dominio-y-rango
23409207 ejercicios-de-funciones-graficas-dominio-y-rango
Pedro Celestino Guacaran
 
Plots
PlotsPlots
Funciones intuitivas 3_eso_blog01
Funciones intuitivas 3_eso_blog01Funciones intuitivas 3_eso_blog01
Funciones intuitivas 3_eso_blog01
Marta Martín
 
Máxima ejercicio
Máxima ejercicioMáxima ejercicio
Máxima ejercicio
natysarda
 
Máxima ejercicio
Máxima ejercicioMáxima ejercicio
Máxima ejercicio
natysarda
 
Expo 4 metodos de transporte
Expo 4   metodos de transporteExpo 4   metodos de transporte
Expo 4 metodos de transporte
Ayda Ramirez Montalvo
 
Desarrollo De Un Display
Desarrollo De Un DisplayDesarrollo De Un Display
Desarrollo De Un Display
Gerardo Montiel
 
Ejercicio 12
Ejercicio 12Ejercicio 12
Ejercicio 12
alithu1
 
C1 mate función valor absoluto - 4º
C1 mate   función valor absoluto - 4ºC1 mate   función valor absoluto - 4º
C1 mate función valor absoluto - 4º
brisagaela29
 
Faber
FaberFaber
Faber
fabermanu
 
S1 banco de preguntas
S1 banco de preguntasS1 banco de preguntas
S1 banco de preguntas
mikyto
 

La actualidad más candente (18)

Areas analisis tangram
Areas analisis tangramAreas analisis tangram
Areas analisis tangram
 
Comandos básicos.pptxe eni
Comandos básicos.pptxe eniComandos básicos.pptxe eni
Comandos básicos.pptxe eni
 
Bad ct 5_31 (1)
Bad ct 5_31 (1)Bad ct 5_31 (1)
Bad ct 5_31 (1)
 
Funciones
FuncionesFunciones
Funciones
 
Funcion cuadratica
Funcion cuadraticaFuncion cuadratica
Funcion cuadratica
 
Dominios f
Dominios fDominios f
Dominios f
 
Actividad 3 gemio duran andrea
Actividad 3 gemio duran andreaActividad 3 gemio duran andrea
Actividad 3 gemio duran andrea
 
23409207 ejercicios-de-funciones-graficas-dominio-y-rango
23409207 ejercicios-de-funciones-graficas-dominio-y-rango23409207 ejercicios-de-funciones-graficas-dominio-y-rango
23409207 ejercicios-de-funciones-graficas-dominio-y-rango
 
Plots
PlotsPlots
Plots
 
Funciones intuitivas 3_eso_blog01
Funciones intuitivas 3_eso_blog01Funciones intuitivas 3_eso_blog01
Funciones intuitivas 3_eso_blog01
 
Máxima ejercicio
Máxima ejercicioMáxima ejercicio
Máxima ejercicio
 
Máxima ejercicio
Máxima ejercicioMáxima ejercicio
Máxima ejercicio
 
Expo 4 metodos de transporte
Expo 4   metodos de transporteExpo 4   metodos de transporte
Expo 4 metodos de transporte
 
Desarrollo De Un Display
Desarrollo De Un DisplayDesarrollo De Un Display
Desarrollo De Un Display
 
Ejercicio 12
Ejercicio 12Ejercicio 12
Ejercicio 12
 
C1 mate función valor absoluto - 4º
C1 mate   función valor absoluto - 4ºC1 mate   función valor absoluto - 4º
C1 mate función valor absoluto - 4º
 
Faber
FaberFaber
Faber
 
S1 banco de preguntas
S1 banco de preguntasS1 banco de preguntas
S1 banco de preguntas
 

Destacado

Taller 1 p1 grupo3 deily lopez 11 a
Taller 1 p1 grupo3  deily lopez 11 aTaller 1 p1 grupo3  deily lopez 11 a
Taller 1 p1 grupo3 deily lopez 11 a
Deisy Pestana
 
2 reglas de_inversion_alternativas
2 reglas de_inversion_alternativas2 reglas de_inversion_alternativas
2 reglas de_inversion_alternativas
Marcelo Delpino
 
Api
ApiApi
Supercharged HTML & CSS
Supercharged HTML & CSSSupercharged HTML & CSS
Supercharged HTML & CSS
Max Kraszewski
 
01 presentacion fep etapas
01 presentacion fep etapas01 presentacion fep etapas
01 presentacion fep etapas
Billy Freydi Curichaoa Vilchez
 
Steve Job
Steve JobSteve Job
Steve Job
elflacoaugus
 
Analisis De Inversiones
Analisis De InversionesAnalisis De Inversiones
Analisis De Inversiones
nitro1100
 
7 Ross7 Valor Presente Neto Y Presupuesto De Capital
7 Ross7   Valor Presente Neto Y Presupuesto De Capital7 Ross7   Valor Presente Neto Y Presupuesto De Capital
7 Ross7 Valor Presente Neto Y Presupuesto De Capital
carloscatacora
 
tecnicas de evaluacion del capital
tecnicas de evaluacion del capitaltecnicas de evaluacion del capital
tecnicas de evaluacion del capital
manchasek
 
Contabilidad Avanzada
Contabilidad AvanzadaContabilidad Avanzada
Contabilidad Avanzada
Germán Lynch Navarro
 
HTML5 Enfoque Semantico
HTML5 Enfoque SemanticoHTML5 Enfoque Semantico
HTML5 Enfoque Semantico
Max Kraszewski
 
1.finanzas gerenciales
1.finanzas gerenciales1.finanzas gerenciales
1.finanzas gerenciales
vlady2511
 
Gerencia financiera costo de capital
Gerencia financiera costo de capitalGerencia financiera costo de capital
Gerencia financiera costo de capital
Guillermo Quiroz Chimoy
 
Análisis y selección de inversiones, por Òscar Elvira
Análisis y selección de inversiones, por Òscar ElviraAnálisis y selección de inversiones, por Òscar Elvira
Análisis y selección de inversiones, por Òscar Elvira
UPF Barcelona School of Management
 
Evaluacion de Inversiones - Cuarta Sesion
Evaluacion de Inversiones - Cuarta SesionEvaluacion de Inversiones - Cuarta Sesion
Evaluacion de Inversiones - Cuarta Sesion
Hector Javier
 
Tema 5
Tema 5Tema 5
Tema 5
imperiospice
 
Introducción al desarrollo web frontend
Introducción al desarrollo web frontendIntroducción al desarrollo web frontend
Introducción al desarrollo web frontend
Max Kraszewski
 
Evaluacion de Proyectos. Análisis Económico Financiero
Evaluacion de Proyectos. Análisis Económico FinancieroEvaluacion de Proyectos. Análisis Económico Financiero
Evaluacion de Proyectos. Análisis Económico Financiero
Universidad Nacional de Loja
 
Presupuesto de capital
Presupuesto de capitalPresupuesto de capital
Presupuesto de capital
mglogistica2011
 
Presupuesto
PresupuestoPresupuesto
Presupuesto
Mily
 

Destacado (20)

Taller 1 p1 grupo3 deily lopez 11 a
Taller 1 p1 grupo3  deily lopez 11 aTaller 1 p1 grupo3  deily lopez 11 a
Taller 1 p1 grupo3 deily lopez 11 a
 
2 reglas de_inversion_alternativas
2 reglas de_inversion_alternativas2 reglas de_inversion_alternativas
2 reglas de_inversion_alternativas
 
Api
ApiApi
Api
 
Supercharged HTML & CSS
Supercharged HTML & CSSSupercharged HTML & CSS
Supercharged HTML & CSS
 
01 presentacion fep etapas
01 presentacion fep etapas01 presentacion fep etapas
01 presentacion fep etapas
 
Steve Job
Steve JobSteve Job
Steve Job
 
Analisis De Inversiones
Analisis De InversionesAnalisis De Inversiones
Analisis De Inversiones
 
7 Ross7 Valor Presente Neto Y Presupuesto De Capital
7 Ross7   Valor Presente Neto Y Presupuesto De Capital7 Ross7   Valor Presente Neto Y Presupuesto De Capital
7 Ross7 Valor Presente Neto Y Presupuesto De Capital
 
tecnicas de evaluacion del capital
tecnicas de evaluacion del capitaltecnicas de evaluacion del capital
tecnicas de evaluacion del capital
 
Contabilidad Avanzada
Contabilidad AvanzadaContabilidad Avanzada
Contabilidad Avanzada
 
HTML5 Enfoque Semantico
HTML5 Enfoque SemanticoHTML5 Enfoque Semantico
HTML5 Enfoque Semantico
 
1.finanzas gerenciales
1.finanzas gerenciales1.finanzas gerenciales
1.finanzas gerenciales
 
Gerencia financiera costo de capital
Gerencia financiera costo de capitalGerencia financiera costo de capital
Gerencia financiera costo de capital
 
Análisis y selección de inversiones, por Òscar Elvira
Análisis y selección de inversiones, por Òscar ElviraAnálisis y selección de inversiones, por Òscar Elvira
Análisis y selección de inversiones, por Òscar Elvira
 
Evaluacion de Inversiones - Cuarta Sesion
Evaluacion de Inversiones - Cuarta SesionEvaluacion de Inversiones - Cuarta Sesion
Evaluacion de Inversiones - Cuarta Sesion
 
Tema 5
Tema 5Tema 5
Tema 5
 
Introducción al desarrollo web frontend
Introducción al desarrollo web frontendIntroducción al desarrollo web frontend
Introducción al desarrollo web frontend
 
Evaluacion de Proyectos. Análisis Económico Financiero
Evaluacion de Proyectos. Análisis Económico FinancieroEvaluacion de Proyectos. Análisis Económico Financiero
Evaluacion de Proyectos. Análisis Económico Financiero
 
Presupuesto de capital
Presupuesto de capitalPresupuesto de capital
Presupuesto de capital
 
Presupuesto
PresupuestoPresupuesto
Presupuesto
 

Similar a Introducción al elemento canvas de HTML5

Introducción a Processing
Introducción a ProcessingIntroducción a Processing
Introducción a Processing
José Pujol Pérez
 
HTML Tour - Programación de Videojuegos HTML5
HTML Tour - Programación de Videojuegos HTML5HTML Tour - Programación de Videojuegos HTML5
HTML Tour - Programación de Videojuegos HTML5
Plain Concepts
 
gráficas 2D y 3D (José Ponce)
gráficas 2D y 3D (José  Ponce)gráficas 2D y 3D (José  Ponce)
gráficas 2D y 3D (José Ponce)
José Ponce
 
Bandera c++
Bandera c++Bandera c++
Bandera c++
Jonathan Gonzalez
 
arc, rectMode, translate en Processing
arc, rectMode, translate en Processing arc, rectMode, translate en Processing
arc, rectMode, translate en Processing
Michelle Silva Cuenca
 
clase 7 GRAFICOS 2D.pdf
clase 7 GRAFICOS 2D.pdfclase 7 GRAFICOS 2D.pdf
clase 7 GRAFICOS 2D.pdf
NandoMartiHufer
 
Xna game studio presentación 05
Xna game studio   presentación 05Xna game studio   presentación 05
Xna game studio presentación 05
Juan Cardona
 
Processing
ProcessingProcessing
Processing
3D Print Barcelona
 
Metodos de ordenamiento
Metodos de ordenamientoMetodos de ordenamiento
Metodos de ordenamiento
Will Gomezz
 
funciones programacion
funciones programacionfunciones programacion
funciones programacion
Alexandra Diaz
 
Taller de repaso de metodos y arreglos
Taller de repaso de metodos y arreglosTaller de repaso de metodos y arreglos
Taller de repaso de metodos y arreglos
Diroplan
 
Java modografico
Java modograficoJava modografico
Java modografico
Abigail Ahumada Hernandez
 
Ejemplos java
Ejemplos javaEjemplos java
Ejemplos java
cesarparrales24
 
Canvas
CanvasCanvas
Dart como alternativa a TypeScript (Codemotion 2016)
Dart como alternativa a TypeScript (Codemotion 2016)Dart como alternativa a TypeScript (Codemotion 2016)
Dart como alternativa a TypeScript (Codemotion 2016)
Rafael Bermúdez Míguez
 
Cadenas y punteros.ppt
Cadenas y punteros.pptCadenas y punteros.ppt
Cadenas y punteros.ppt
Jacqueline Villarroel Valenzuela
 
PROBLEMAS DE POGRAMACION 1
PROBLEMAS DE POGRAMACION 1PROBLEMAS DE POGRAMACION 1
PROBLEMAS DE POGRAMACION 1
Jordan Puente
 
Graficas en 2 d y 3d matlab
Graficas en 2 d y 3d matlabGraficas en 2 d y 3d matlab
Graficas en 2 d y 3d matlab
Juan Ete
 
Universidad técnica de ambato
Universidad técnica de ambatoUniversidad técnica de ambato
Universidad técnica de ambato
Diego Rodrigo Jurado
 
Lab
LabLab
Lab
yito24
 

Similar a Introducción al elemento canvas de HTML5 (20)

Introducción a Processing
Introducción a ProcessingIntroducción a Processing
Introducción a Processing
 
HTML Tour - Programación de Videojuegos HTML5
HTML Tour - Programación de Videojuegos HTML5HTML Tour - Programación de Videojuegos HTML5
HTML Tour - Programación de Videojuegos HTML5
 
gráficas 2D y 3D (José Ponce)
gráficas 2D y 3D (José  Ponce)gráficas 2D y 3D (José  Ponce)
gráficas 2D y 3D (José Ponce)
 
Bandera c++
Bandera c++Bandera c++
Bandera c++
 
arc, rectMode, translate en Processing
arc, rectMode, translate en Processing arc, rectMode, translate en Processing
arc, rectMode, translate en Processing
 
clase 7 GRAFICOS 2D.pdf
clase 7 GRAFICOS 2D.pdfclase 7 GRAFICOS 2D.pdf
clase 7 GRAFICOS 2D.pdf
 
Xna game studio presentación 05
Xna game studio   presentación 05Xna game studio   presentación 05
Xna game studio presentación 05
 
Processing
ProcessingProcessing
Processing
 
Metodos de ordenamiento
Metodos de ordenamientoMetodos de ordenamiento
Metodos de ordenamiento
 
funciones programacion
funciones programacionfunciones programacion
funciones programacion
 
Taller de repaso de metodos y arreglos
Taller de repaso de metodos y arreglosTaller de repaso de metodos y arreglos
Taller de repaso de metodos y arreglos
 
Java modografico
Java modograficoJava modografico
Java modografico
 
Ejemplos java
Ejemplos javaEjemplos java
Ejemplos java
 
Canvas
CanvasCanvas
Canvas
 
Dart como alternativa a TypeScript (Codemotion 2016)
Dart como alternativa a TypeScript (Codemotion 2016)Dart como alternativa a TypeScript (Codemotion 2016)
Dart como alternativa a TypeScript (Codemotion 2016)
 
Cadenas y punteros.ppt
Cadenas y punteros.pptCadenas y punteros.ppt
Cadenas y punteros.ppt
 
PROBLEMAS DE POGRAMACION 1
PROBLEMAS DE POGRAMACION 1PROBLEMAS DE POGRAMACION 1
PROBLEMAS DE POGRAMACION 1
 
Graficas en 2 d y 3d matlab
Graficas en 2 d y 3d matlabGraficas en 2 d y 3d matlab
Graficas en 2 d y 3d matlab
 
Universidad técnica de ambato
Universidad técnica de ambatoUniversidad técnica de ambato
Universidad técnica de ambato
 
Lab
LabLab
Lab
 

Último

aplicaciones de sistema de informacion geografico
aplicaciones de sistema de informacion geograficoaplicaciones de sistema de informacion geografico
aplicaciones de sistema de informacion geografico
cyberquiximies
 
"El uso de las TIC en la vida cotidiana". SantanaMartinez_Alejandra
"El uso de las TIC en la vida cotidiana". SantanaMartinez_Alejandra"El uso de las TIC en la vida cotidiana". SantanaMartinez_Alejandra
"El uso de las TIC en la vida cotidiana". SantanaMartinez_Alejandra
241578066
 
Generaciones de Computadoras .
Generaciones de Computadoras                 .Generaciones de Computadoras                 .
Generaciones de Computadoras .
gregory760891
 
Reconocimiento del Secuenciador de nanoporos (Nanopore sequencing) MinIon Mk1...
Reconocimiento del Secuenciador de nanoporos (Nanopore sequencing) MinIon Mk1...Reconocimiento del Secuenciador de nanoporos (Nanopore sequencing) MinIon Mk1...
Reconocimiento del Secuenciador de nanoporos (Nanopore sequencing) MinIon Mk1...
sunwndniel
 
Informe de electroforesis del ADN MEDIANTE EL MinION Mk1C.pdf
Informe de electroforesis del ADN MEDIANTE EL MinION Mk1C.pdfInforme de electroforesis del ADN MEDIANTE EL MinION Mk1C.pdf
Informe de electroforesis del ADN MEDIANTE EL MinION Mk1C.pdf
KEVINYOICIAQUINOSORI
 
11. Legislación Aplicada a la Informática.pdf
11. Legislación Aplicada a la Informática.pdf11. Legislación Aplicada a la Informática.pdf
11. Legislación Aplicada a la Informática.pdf
PanchoChangue
 
Evolución, características, aplicación, ventajas y desventajas de las TIC
Evolución, características, aplicación, ventajas y desventajas de las TICEvolución, características, aplicación, ventajas y desventajas de las TIC
Evolución, características, aplicación, ventajas y desventajas de las TIC
Henry W. Zavala
 
DN Consultores | Una mirada al mercado de fibra en Perú
DN Consultores | Una mirada al mercado de fibra en PerúDN Consultores | Una mirada al mercado de fibra en Perú
DN Consultores | Una mirada al mercado de fibra en Perú
estudios22
 
Catalogo-Voxtech- accesorios radios RF.pdf
Catalogo-Voxtech- accesorios radios RF.pdfCatalogo-Voxtech- accesorios radios RF.pdf
Catalogo-Voxtech- accesorios radios RF.pdf
walter729637
 
SEGUNDA GENERACIÓN xxxxxxxxxxxxxxxx.docx
SEGUNDA GENERACIÓN xxxxxxxxxxxxxxxx.docxSEGUNDA GENERACIÓN xxxxxxxxxxxxxxxx.docx
SEGUNDA GENERACIÓN xxxxxxxxxxxxxxxx.docx
Eddy Nathaly Jaimes Villamizar
 
Transporte a través del tiempo en el perú.pdf
Transporte a través del tiempo en el perú.pdfTransporte a través del tiempo en el perú.pdf
Transporte a través del tiempo en el perú.pdf
milagrosAlbanPacherr
 
bomba-koomey -Todo sobre sus istema y conexiones
bomba-koomey -Todo sobre sus istema y conexionesbomba-koomey -Todo sobre sus istema y conexiones
bomba-koomey -Todo sobre sus istema y conexiones
JessAdrinGonzlezCade
 
BIOSENSORES BASADOS EN NANOTECNOLOGÍA.pdf
BIOSENSORES BASADOS EN NANOTECNOLOGÍA.pdfBIOSENSORES BASADOS EN NANOTECNOLOGÍA.pdf
BIOSENSORES BASADOS EN NANOTECNOLOGÍA.pdf
sunwndniel
 
El uso de las TIC en la vida cotidiana.pptx
El uso de las TIC en la vida cotidiana.pptxEl uso de las TIC en la vida cotidiana.pptx
El uso de las TIC en la vida cotidiana.pptx
Katia Reyes
 
Informe_mc_bombas_Warman_001-WEIR vulco.pdf
Informe_mc_bombas_Warman_001-WEIR vulco.pdfInforme_mc_bombas_Warman_001-WEIR vulco.pdf
Informe_mc_bombas_Warman_001-WEIR vulco.pdf
Rubén Cortes Zavala
 
Diapositiva sobre Tecnologia de la Información y Telecomunicaciones.pptx
Diapositiva sobre Tecnologia de la Información y Telecomunicaciones.pptxDiapositiva sobre Tecnologia de la Información y Telecomunicaciones.pptx
Diapositiva sobre Tecnologia de la Información y Telecomunicaciones.pptx
GnesisOrtegaDeLen
 
2 FIBRA OPTICA COMO MEDIO DE RED DE ACCESO.pptx
2 FIBRA OPTICA COMO MEDIO DE RED DE ACCESO.pptx2 FIBRA OPTICA COMO MEDIO DE RED DE ACCESO.pptx
2 FIBRA OPTICA COMO MEDIO DE RED DE ACCESO.pptx
bellomiguelangel68
 
Conceptos y definiciones de Antenas y propagación
Conceptos y definiciones de Antenas y propagaciónConceptos y definiciones de Antenas y propagación
Conceptos y definiciones de Antenas y propagación
edgarcalle8
 
TESisssssssss de yhnnjuuhjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj...
TESisssssssss de yhnnjuuhjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj...TESisssssssss de yhnnjuuhjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj...
TESisssssssss de yhnnjuuhjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj...
MenaOlortinYherlyEli
 
_Manejo de Riesgos en el Laboratorio.pdf
_Manejo de Riesgos en el Laboratorio.pdf_Manejo de Riesgos en el Laboratorio.pdf
_Manejo de Riesgos en el Laboratorio.pdf
correodetareas
 

Último (20)

aplicaciones de sistema de informacion geografico
aplicaciones de sistema de informacion geograficoaplicaciones de sistema de informacion geografico
aplicaciones de sistema de informacion geografico
 
"El uso de las TIC en la vida cotidiana". SantanaMartinez_Alejandra
"El uso de las TIC en la vida cotidiana". SantanaMartinez_Alejandra"El uso de las TIC en la vida cotidiana". SantanaMartinez_Alejandra
"El uso de las TIC en la vida cotidiana". SantanaMartinez_Alejandra
 
Generaciones de Computadoras .
Generaciones de Computadoras                 .Generaciones de Computadoras                 .
Generaciones de Computadoras .
 
Reconocimiento del Secuenciador de nanoporos (Nanopore sequencing) MinIon Mk1...
Reconocimiento del Secuenciador de nanoporos (Nanopore sequencing) MinIon Mk1...Reconocimiento del Secuenciador de nanoporos (Nanopore sequencing) MinIon Mk1...
Reconocimiento del Secuenciador de nanoporos (Nanopore sequencing) MinIon Mk1...
 
Informe de electroforesis del ADN MEDIANTE EL MinION Mk1C.pdf
Informe de electroforesis del ADN MEDIANTE EL MinION Mk1C.pdfInforme de electroforesis del ADN MEDIANTE EL MinION Mk1C.pdf
Informe de electroforesis del ADN MEDIANTE EL MinION Mk1C.pdf
 
11. Legislación Aplicada a la Informática.pdf
11. Legislación Aplicada a la Informática.pdf11. Legislación Aplicada a la Informática.pdf
11. Legislación Aplicada a la Informática.pdf
 
Evolución, características, aplicación, ventajas y desventajas de las TIC
Evolución, características, aplicación, ventajas y desventajas de las TICEvolución, características, aplicación, ventajas y desventajas de las TIC
Evolución, características, aplicación, ventajas y desventajas de las TIC
 
DN Consultores | Una mirada al mercado de fibra en Perú
DN Consultores | Una mirada al mercado de fibra en PerúDN Consultores | Una mirada al mercado de fibra en Perú
DN Consultores | Una mirada al mercado de fibra en Perú
 
Catalogo-Voxtech- accesorios radios RF.pdf
Catalogo-Voxtech- accesorios radios RF.pdfCatalogo-Voxtech- accesorios radios RF.pdf
Catalogo-Voxtech- accesorios radios RF.pdf
 
SEGUNDA GENERACIÓN xxxxxxxxxxxxxxxx.docx
SEGUNDA GENERACIÓN xxxxxxxxxxxxxxxx.docxSEGUNDA GENERACIÓN xxxxxxxxxxxxxxxx.docx
SEGUNDA GENERACIÓN xxxxxxxxxxxxxxxx.docx
 
Transporte a través del tiempo en el perú.pdf
Transporte a través del tiempo en el perú.pdfTransporte a través del tiempo en el perú.pdf
Transporte a través del tiempo en el perú.pdf
 
bomba-koomey -Todo sobre sus istema y conexiones
bomba-koomey -Todo sobre sus istema y conexionesbomba-koomey -Todo sobre sus istema y conexiones
bomba-koomey -Todo sobre sus istema y conexiones
 
BIOSENSORES BASADOS EN NANOTECNOLOGÍA.pdf
BIOSENSORES BASADOS EN NANOTECNOLOGÍA.pdfBIOSENSORES BASADOS EN NANOTECNOLOGÍA.pdf
BIOSENSORES BASADOS EN NANOTECNOLOGÍA.pdf
 
El uso de las TIC en la vida cotidiana.pptx
El uso de las TIC en la vida cotidiana.pptxEl uso de las TIC en la vida cotidiana.pptx
El uso de las TIC en la vida cotidiana.pptx
 
Informe_mc_bombas_Warman_001-WEIR vulco.pdf
Informe_mc_bombas_Warman_001-WEIR vulco.pdfInforme_mc_bombas_Warman_001-WEIR vulco.pdf
Informe_mc_bombas_Warman_001-WEIR vulco.pdf
 
Diapositiva sobre Tecnologia de la Información y Telecomunicaciones.pptx
Diapositiva sobre Tecnologia de la Información y Telecomunicaciones.pptxDiapositiva sobre Tecnologia de la Información y Telecomunicaciones.pptx
Diapositiva sobre Tecnologia de la Información y Telecomunicaciones.pptx
 
2 FIBRA OPTICA COMO MEDIO DE RED DE ACCESO.pptx
2 FIBRA OPTICA COMO MEDIO DE RED DE ACCESO.pptx2 FIBRA OPTICA COMO MEDIO DE RED DE ACCESO.pptx
2 FIBRA OPTICA COMO MEDIO DE RED DE ACCESO.pptx
 
Conceptos y definiciones de Antenas y propagación
Conceptos y definiciones de Antenas y propagaciónConceptos y definiciones de Antenas y propagación
Conceptos y definiciones de Antenas y propagación
 
TESisssssssss de yhnnjuuhjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj...
TESisssssssss de yhnnjuuhjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj...TESisssssssss de yhnnjuuhjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj...
TESisssssssss de yhnnjuuhjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj...
 
_Manejo de Riesgos en el Laboratorio.pdf
_Manejo de Riesgos en el Laboratorio.pdf_Manejo de Riesgos en el Laboratorio.pdf
_Manejo de Riesgos en el Laboratorio.pdf
 

Introducción al elemento canvas de HTML5

Notas del editor