Retourner à la page d'accueil de TJS

Méthode : CanvasRenderingContext2D.closePath()

Compatible Internet Explorer / Edge  Compatible Chrome  Compatible Safari  Compatible Firefox  Compatible Opera  

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


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 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 6 février 2019

Version papier à 29€90
Format électronique à 21€90.

Commandez en ligne Dunod  Fnac  Amazon

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...
Le 12/11/2019 16:55:07 sur php7 en 20.7 ms