Diferencia entre revisiones de «Usuario:ManuelRomero/ProgramacionWeb/php/POO/Herencia/EjemploGeometria/Rectangulo»
De WikiEducator
(Página creada con «<font size<nowiki>=</nowiki>5 color<nowiki>=</nowiki>red> Volver temario </font> <hr />») |
|||
| Línea 3: | Línea 3: | ||
</font> | </font> | ||
<hr /> | <hr /> | ||
| + | ;Clase Rectángulo | ||
| + | |||
| + | <source lang=php> | ||
| + | <?php | ||
| + | |||
| + | |||
| + | /** | ||
| + | * Description of Rectangulo | ||
| + | * | ||
| + | * @author manuel | ||
| + | */ | ||
| + | class Rectangulo extends Poligono { | ||
| + | |||
| + | //put your code here | ||
| + | function __construct($base,$altura){ | ||
| + | parent::__construct(4,$base,$altura); | ||
| + | } | ||
| + | |||
| + | |||
| + | public function area() { | ||
| + | return $this->base * $this->altura; | ||
| + | } | ||
| + | |||
| + | /** | ||
| + | clase que utilza el elemento canvas de html5 para visualizar la imagen | ||
| + | */ | ||
| + | public function dibuja() { | ||
| + | $texto = "Rectángulo de área ". $this->area()."px"; | ||
| + | return parent::dibuja(625, 500,$texto); | ||
| + | /* | ||
| + | $codigoHtml = <<<FIN | ||
| + | <canvas height="500px" width="1024px" id="canvas"> | ||
| + | Su navegador no soporta en elemento CANVAS</canvas> | ||
| + | <script lang=javascript> | ||
| + | var canvas = document.getElementById('canvas'); | ||
| + | var ctx = canvas.getContext('2d'); | ||
| + | ctx.lineWidth=3; | ||
| + | ctx.beginPath(); | ||
| + | var x=625; | ||
| + | var y=500; | ||
| + | |||
| + | //Dibujo un lado | ||
| + | ctx.moveTo(x,y); | ||
| + | ctx.lineTo(x+$this->base,y);//Dibjujo la base | ||
| + | ctx.strokeStyle = "#f00"; | ||
| + | ctx.stroke(); | ||
| + | |||
| + | //Dibujo otro lado | ||
| + | ctx.lineTo(x+($this->base),y-$this->altura);//Dibjujo la base | ||
| + | ctx.strokeStyle = "#f00"; | ||
| + | ctx.stroke(); | ||
| + | //Dibujo otro lado | ||
| + | ctx.lineTo(x,y-$this->altura);//Dibjujo la base | ||
| + | ctx.strokeStyle = "#f00"; | ||
| + | ctx.stroke(); | ||
| + | //Dibujo el último lado | ||
| + | ctx.lineTo(x,y); | ||
| + | ctx.strokeStyle = "#f00"; | ||
| + | ctx.stroke(); | ||
| + | </script> | ||
| + | FIN; | ||
| + | return $codigoHtml; | ||
| + | * */ | ||
| + | |||
| + | |||
| + | } | ||
| + | } | ||
| + | </source> | ||
Última revisión de 00:55 7 dic 2016
- Clase Rectángulo
<?php /** * Description of Rectangulo * * @author manuel */ class Rectangulo extends Poligono { //put your code here function __construct($base,$altura){ parent::__construct(4,$base,$altura); } public function area() { return $this->base * $this->altura; } /** clase que utilza el elemento canvas de html5 para visualizar la imagen */ public function dibuja() { $texto = "Rectángulo de área ". $this->area()."px"; return parent::dibuja(625, 500,$texto); /* $codigoHtml = <<<FIN <canvas height="500px" width="1024px" id="canvas"> Su navegador no soporta en elemento CANVAS</canvas> <script lang=javascript> var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); ctx.lineWidth=3; ctx.beginPath(); var x=625; var y=500; //Dibujo un lado ctx.moveTo(x,y); ctx.lineTo(x+$this->base,y);//Dibjujo la base ctx.strokeStyle = "#f00"; ctx.stroke(); //Dibujo otro lado ctx.lineTo(x+($this->base),y-$this->altura);//Dibjujo la base ctx.strokeStyle = "#f00"; ctx.stroke(); //Dibujo otro lado ctx.lineTo(x,y-$this->altura);//Dibjujo la base ctx.strokeStyle = "#f00"; ctx.stroke(); //Dibujo el último lado ctx.lineTo(x,y); ctx.strokeStyle = "#f00"; ctx.stroke(); </script> FIN; return $codigoHtml; * */ } }