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

From JSXGraph Wiki
No edit summary
No edit summary
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 10: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.