Méthode : CanvasRenderingContext2D.beginPath()

<canvas id="myCanvas"></canvas>
<script type="text/javascript">
var myCanvas=document.getElementById("myCanvas");
var myContext=myCanvas.getContext("2d");

myContext.beginPath();
myContext.moveTo(150,100);
for (var i=1; i<=10; 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>

Emulation de la console

Trace 10 lignes aléatoires dans le canvas.

Dunod Fnac Amazon

Chargement
en cours...