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

Le guide complet du javascript

Le Guide Complet du JavascriptEn savoir plus sur mon livre aux Editions Micro Application
Le 18/11/2017 22:21:40 sur php7 en 21.84 ms