code.js 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. //Variables
  2. var wSize, hSize;
  3. //Fonctions de redimensionnement
  4. function dimensionner(bloc) {
  5. if( typeof( window.innerHeight ) == 'number' )
  6. hSize = window.innerHeight;
  7. else if( document.documentElement && document.documentElement.clientHeight )
  8. hSize = document.documentElement.clientHeight;
  9. if( typeof( window.innerWidth ) == 'number' )
  10. wSize = window.innerWidth;
  11. else if( document.documentElement && document.documentElement.clientWidth )
  12. wSize = document.documentElement.clientHeight;
  13. //alert("Largeur : " + wSize + " Hauteur : " + hSize);
  14. document.getElementById(bloc).height = hSize;
  15. document.getElementById(bloc).width = wSize;
  16. }
  17. window.onload = function(){ dimensionner("canvas") };
  18. window.onresize = function(){ dimensionner("canvas") };
  19. //Propriétés
  20. var canvas = document.querySelector('#canvas');
  21. var context = canvas.getContext('2d');
  22. //Main
  23. context.lineWidth = "5";
  24. function mainLoop() {
  25. //Affichage
  26. context.strokeStyle = "blue";
  27. context.strokeRect(1, 1, wSize-30, hSize-30);
  28. }
  29. //Loop
  30. setInterval(mainLoop, 1000);