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