13 - CANVAS (método quadraticCurveTo)
Problema:
Confeccionar un programa que muestre el tipo de curva que genera el método quadraticCurveTo.
pagina.html
estilos.css
Ejecución de la página
<!DOCTYPE HTML> <html> <head> <title>Título de la página</title> <meta charset="UTF-8"> <script type="text/javascript"> function retornarLienzo(x) { var canvas = document.getElementById(x); if (canvas.getContext) { var lienzo = canvas.getContext("2d"); return lienzo; } else return false; } var fila=0; function dibujar() { var lienzo=retornarLienzo("lienzo1"); if (lienzo) { lienzo.clearRect(0,0,300,300); lienzo.strokeStyle="rgb(255,0,0)"; lienzo.beginPath(); lienzo.moveTo(0,150); lienzo.quadraticCurveTo(150,fila,300,150); lienzo.stroke(); fila++; if (fila>300) fila=0; } } function iniciar() { setInterval(dibujar,10); } </script> </head> <body onLoad="iniciar()"> <canvas id="lienzo1" width="300" height="300"> Su navegador no permite utilizar canvas. </canvas> </body> </html>
No tiene disponible el navegador la capacidad de iframe
Retornar