sinusoide.html

  1. <title>Sinusoide &mdash; Javascript &ndash; HTML5</title>
  2. <!--script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script-->
  3. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.7.0/prototype.js"></script>
  4. <script type="text/javascript" src="zzsinus.html5.js"></script>
  5. <style type="text/css">
  6. html {
  7. overflow-x:hidden;
  8. overflow-y:hidden;
  9. }
  10. body {
  11. background:#fafafa;
  12. color:#999;
  13. }
  14. canvas {
  15. width:850px;
  16. height:220px;
  17. margin-left:-425px;
  18. margin-top:-110px;
  19. position:absolute;
  20. left:50%;
  21. top:50%;
  22. }
  23. .math { color:#666; font-size:1.6em; text-align:center; }
  24.  
  25. </head>
  26. <h1>Sinusoide &mdash; Javascript &ndash; HTML5</h1>
  27.  
  28. <p class="math">
  29. f(t) = &Alpha;┬Ěsin(&omega;t + &phi;)
  30. </p>
  31.  
  32. <tr>
  33. <th>&Alpha;</th><td>Amplitud</th><td>&nbsp;</td>
  34. </tr>
  35. <tr>
  36. <th>&omega;</th><td>Frecuencia</th><td>&nbsp;</td>
  37. </tr>
  38. <tr>
  39. <th>&phi;</th><td>Fase</th><td>&nbsp;</td>
  40. </tr>
  41. </table>
  42.  
  43.  
  44. <canvas id="canvas" width="850" height="220"></canvas>
  45.  
  46.  
  47. </body>
  48. </html>

Proinf.net