mibi88/dessin1.html

## dessin1.html
<!doctype html> <!-- début du document. -->
<head> <!-- L'en tête. -->
  <meta charset="UTF-8"> <!-- On met l'encodage du texte à UTF-8 -->
  <title>Dessin 1</title> <!-- Titre. -->
  <script type="text/javascript"> <!-- début du script. -->
    function draw() { // Fonction où on dessine dans le canvas.
      var canvas = document.getElementById("dessin"); // On récupère l'objet "dessin", le canvas où on veut dessiner.
      if (canvas.getContext) {
        var canvas_o = canvas.getContext("2d");
      };
      var xi = 0; // Coordonné x de la ligne.
      var yi = 300; // Coordonné y de la ligne.
      for (const i of Array(31)) { // Pour i sur vingt (on réexécute les instructions ci-dessous trente fois).
        canvas_o.strokeStyle = "black"; // On met la la couleur de ligne à "black" (noir).
        canvas_o.lineWidth = 1; // On met l'épaisseur de la ligne à 1.
        canvas_o.beginPath(); // On commence la forme.
        canvas_o.moveTo(0, yi); // On commence la ligne.
        canvas_o.lineTo(xi, 0); // On finit la ligne.
        canvas_o.stroke(); // On termine la forme.
        xi = xi + 10; // On ajoute 10 à xi (voir ci-dessus).
        yi = yi - 10; // On enlève 10 à yi (voir ci-dessus).
      }; // On ferme la boucle.
    }; // On ferme la fonction draw();.
  </script> <!-- On termine le script. -->
</head> <!-- On termine l'en tête. -->
<body onload = "draw();"> <!-- Corps du document - on exécute la fonction draw(); au chargement. -->
<canvas id="dessin" width="300" height="300"> <!-- On crée le canvas -->
  Dessin 1
</canvas> <!-- On ferme le canvas -->
</body> <!-- On ferme le corps du document -->
	<!doctype html> <!-- début du document. -->
	<head> <!-- L'en tête. -->
	<meta charset="UTF-8"> <!-- On met l'encodage du texte à UTF-8 -->
	<title>Dessin 1</title> <!-- Titre. -->
	<script type="text/javascript"> <!-- début du script. -->
	function draw() { // Fonction où on dessine dans le canvas.
	var canvas = document.getElementById("dessin"); // On récupère l'objet "dessin", le canvas où on veut dessiner.
	if (canvas.getContext) {
	var canvas_o = canvas.getContext("2d");
	};
	var xi = 0; // Coordonné x de la ligne.
	var yi = 300; // Coordonné y de la ligne.
	for (const i of Array(31)) { // Pour i sur vingt (on réexécute les instructions ci-dessous trente fois).
	canvas_o.strokeStyle = "black"; // On met la la couleur de ligne à "black" (noir).
	canvas_o.lineWidth = 1; // On met l'épaisseur de la ligne à 1.
	canvas_o.beginPath(); // On commence la forme.
	canvas_o.moveTo(0, yi); // On commence la ligne.
	canvas_o.lineTo(xi, 0); // On finit la ligne.
	canvas_o.stroke(); // On termine la forme.
	xi = xi + 10; // On ajoute 10 à xi (voir ci-dessus).
	yi = yi - 10; // On enlève 10 à yi (voir ci-dessus).
	}; // On ferme la boucle.
	}; // On ferme la fonction draw();.
	</script> <!-- On termine le script. -->
	</head> <!-- On termine l'en tête. -->
	<body onload = "draw();"> <!-- Corps du document - on exécute la fonction draw(); au chargement. -->
	<canvas id="dessin" width="300" height="300"> <!-- On crée le canvas -->
	Dessin 1
	</canvas> <!-- On ferme le canvas -->
	</body> <!-- On ferme le corps du document -->