10 - CANVAS (dibujar varias líneas y rellenar la figura creada)
Problema:
Dibujar un triángulo con el color de perímetro azul y su interior de color rojo. El borde del perímetro debe ser de 5 píxeles.
pagina.html
estilos.css
Ejecución de la página
<!DOCTYPE HTML> <html> <head> <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; } function dibujar() { var lienzo=retornarLienzo("lienzo1"); if (lienzo) { lienzo.fillStyle="rgb(255,0,0)"; lienzo.strokeStyle="rgb(0,0,255)"; lienzo.lineWidth=5; lienzo.beginPath(); lienzo.moveTo(150,10); lienzo.lineTo(10,290); lienzo.lineTo(290,290); lienzo.lineTo(150,10); lienzo.fill(); lienzo.stroke(); } } </script> </head> <body onLoad="dibujar()"> <canvas id="lienzo1" width="300" height="300"> Su navegador no permite utilizar canvas. </canvas> </body> <!-- Mirrored from www.htmlya.com.ar/html5/simulador/simulador.php?cod=141&punto=9&inicio=0 by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 15 Sep 2015 15:03:28 GMT --> </html>
No tiene disponible el navegador la capacidad de iframe
Retornar