Méthode : CanvasRenderingContext2D.closePath()

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

Compatible tous navigateurs

Oui

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 21/09/2017

Troisième édition Tout JavaScript chez Dunod

En savoir plus
Sortie le 4 janvier 2023

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

Commandez en ligne

Dunod Fnac Amazon

Le graph des objets Javascript

Chargement
en cours...

Méthode : CanvasRenderingContext2D.closePath()

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

Troisième édition Tout JavaScript chez Dunod

Chercher une fonction, un objet, ...

Le graph des objets Javascript