Difference between revisions of "Geometria básica no plano: áreas e perímetros"

From JSXGraph Wiki
Jump to navigationJump to search
Line 1: Line 1:
 
<html>
 
<html>
<head>
 
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
 
<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />
 
<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/prototype.js"></script>
 
<script type="text/javascript" src="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js"></script>
 
<title>Orlando Camargo Rodríguez - ensino</title>
 
</head>
 
<body>
 
<p></p>
 
 
<ul>
 
<ul>
 
<li><strong>Triângulo rectângulo:</strong> <i>b</i> = base, <i>h</i> = altura,  
 
<li><strong>Triângulo rectângulo:</strong> <i>b</i> = base, <i>h</i> = altura,  
Line 15: Line 6:
 
Arraste o ponto <i>A</i> para ver a variação do perímetro  
 
Arraste o ponto <i>A</i> para ver a variação do perímetro  
 
e da área com a variação da base e da altura:</li>
 
e da área com a variação da base e da altura:</li>
<center>
+
</html>
&nbsp;<p></p>
+
<jsxgraph box="box">
<div id="box" class="jxgbox" style="width:500px; height:500px;"></div><p></p>
 
&nbsp;
 
</center>
 
<script type="text/javascript">
 
 
  var board = JXG.JSXGraph.initBoard('box', {boundingbox: [-5, 5, 5, -5], axis:true});
 
  var board = JXG.JSXGraph.initBoard('box', {boundingbox: [-5, 5, 5, -5], axis:true});
 
  var po    = board.createElement('point',[0,0], {name:'O',style:5,fixed:true});
 
  var po    = board.createElement('point',[0,0], {name:'O',style:5,fixed:true});
Line 32: Line 19:
 
  var h    = board.createElement('text',[3.35,3.50,function(){altura=Math.abs(pa.Y());return "h = "+altura.toFixed(6);}]);
 
  var h    = board.createElement('text',[3.35,3.50,function(){altura=Math.abs(pa.Y());return "h = "+altura.toFixed(6);}]);
 
  var b    = board.createElement('text',[3.35,3.00,function(){base  =Math.abs(pa.X());return "b = "+base.toFixed(6);}]);
 
  var b    = board.createElement('text',[3.35,3.00,function(){base  =Math.abs(pa.X());return "b = "+base.toFixed(6);}]);
</script>
+
</jsxgraph>
 +
<html>
 
<li><strong>Quadrado:</strong>
 
<li><strong>Quadrado:</strong>
 
<i>a</i> = lado (ou aresta),   
 
<i>a</i> = lado (ou aresta),   

Revision as of 12:45, 23 June 2021

  • Triângulo rectângulo: b = base, h = altura, logo área = ( b × h )/2 e perímetro = b + h + (b2+h2)1/2.

    Arraste o ponto A para ver a variação do perímetro e da área com a variação da base e da altura:
  • Quadrado: a = lado (ou aresta), logo área = a2 e perímetro = 4a.

    Arraste o ponto A para ver a variação do perímetro e da área com a variação da aresta:
  •  

     
  • Rectangulo: a = lado 1, b = lado 2, logo área = a×b e perímetro = 2a + 2b.

    Arraste o ponto A para ver a variação do perímetro e da área com a variação dos lados:
  •  

     
  • Círculo: r = raio do círculo, logo área = πr2 e perímetro = 2πr.

    Arraste o ponto P para ver a variação do perímetro da circunferência e da área do círculo com a variação do raio:
  •  

     

Última alteração em 23/07/2009

Todos os gráficos interactivos foram criados com recurso à livraria JSXgraph.