Retourner à la page d'accueil de TJS

Méthode : CanvasRenderingContext2D.closePath()

Ferme le chemin dans le canvas avec une ligne entre le point actuel et le premier point


Compatible tous navigateurs

Description
Ferme le chemin dans le canvas avec une ligne entre la position du curseur actuel et le premier point défini à l'appel de beginPath().
Le tracé n'est pas encore affiché. Il faut attendre l'appel à stroke() ou fill().


Exemple 1 : Fermeture de chemin
Code source
<canvas id="myCanvas"></canvas>
<script type="text/javascript">
 var myCanvas=document.getElementById("myCanvas");
 var myContext=myCanvas.getContext("2d");

 myContext.beginPath();
 myContext.moveTo(50, 30);
 myContext.lineTo(250,110);
 myContext.lineTo(15,130);
 myContext.closePath();  
 myContext.stroke();
</script>

Résultat
Emulation de la console
Explication
Trace 2 lignes et ferme le chemin pour former un triangle.

Page en rapport
Le tutoriel sur le dessin avec canvas
Page mise à jour le

Mon nouveau livre Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 14 novembre 2019

Version papier à 29€90
Format électronique à 22€99.

Commandez en ligne

Chercher une fonction, un objet, ...

Le 18/09/2020 09:27:39 sur php7 en 35.69 ms