sinus.html5.html

  1. <title>Sinus &mdash; Javascript &ndash; HTML5</title>
  2. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
  3. <script type="text/javascript" src="sinus.html5.jquery.js"></script>
  4. <!--
  5. <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/prototype/1.7.0/prototype.js"></script>
  6. <script type="text/javascript" src="sinus.html5.prototype.js"></script>
  7. -->
  8. <style type="text/css">
  9. html {
  10. overflow-x:hidden;
  11. overflow-y:hidden;
  12. }
  13. body {
  14. background:#fafafa;
  15. color:#eee;
  16. }
  17. canvas {
  18. width:850px;
  19. height:220px;
  20. margin-left:-425px;
  21. margin-top:-110px;
  22. position:absolute;
  23. left:50%;
  24. top:50%;
  25. }
  26. p { color:#ddd; }
  27. span[id] { color:#ccc; }
  28.  
  29. </head>
  30. <h1>Sinus &mdash; Javascript &ndash; HTML5</h1>
  31. <canvas id="canvas" width="850" height="220"></canvas>
  32.  
  33. <p>
  34. Angle: <span id="angle"></span>
  35. <br />
  36. Sinus: <span id="sinus"></span>
  37. </p>
  38.  
  39. </body>
  40. </html>
  41.  

Proinf.net