Retourner à la page d'accueil de TJS

Méthode : CanvasRenderingContext2D.stroke()

          

Affiche dans le canvas le chemin défini depuis l'appel à beginPath

Syntaxe
myContext.stroke()

Description
Affiche dans le canvas le chemin défini depuis le dernier appel àbeginPath().

Exemple Forme aléatoire
Code source
<canvas id="myCanvas"></canvas>
<script type="text/javascript">
var myCanvas=document.getElementById("myCanvas");
var myContext=myCanvas.getContext("2d");

myContext.beginPath();
myContext.moveTo(15,10);
for (var i=1; i<=20; i++) {
var x=parseInt(300*Math.random());
var y=parseInt(150*Math.random());
console.log("Point : "+x+" , "+y);
myContext.lineTo(x, y);
}
myContext.stroke();

</script>

Résultat
Emulation de la console
Explication
Affiche les contours d'une forme aléatoire avec stroke().

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...

Nouveau service en ligne de TJS

cleanMyJS : Détectez toutes les erreurs JavaScript de vos sitescleanMyJS.com
Détectez, enregistrez et analysez toutes les erreurs JavaScript de vos sites
Le 15/12/2018 11:07:37 sur php7 en 44.27 ms