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


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

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...

Le guide complet du javascript

Le Guide Complet du JavascriptEn savoir plus sur mon livre aux Editions Micro Application
Le 20/11/2017 04:56:06 sur php7 en 19.62 ms