Seminario Gráfica Computacional I 2018, Primer Semestre → Clase 6 → Viernes 27 de abril

Seminario Gráfica Computacional I (v.2018)

Visualización de datos

En la clase recién pasada cerramos la segunda iteración. En esta clase corresponde abrir la tercera iteración, donde revisaremos:

• HTML5, CSS3 y JavaScript (con Bootstrap)
• SVG y CANVAS
• P5.js

Canvas (en castellano, lienzo) se puede utilizar para dibujar gráficos a través de secuencias de comandos JavaScript:

<canvas id="miCanvas" width="400" height="400" style="background:silver;"></canvas>
<script>
  var canvas = document.getElementById('miCanvas');
  var context = canvas.getContext('2d');
  var centerX = canvas.width / 2;
  var centerY = canvas.height / 2;
  var radius = 70;
  context.beginPath();
  context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
  context.fillStyle = '#333';
  context.fill();
</script>

---

Avanzar a la siguiente clase