Propriété : CanvasRenderingContext2D.lineWidth

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

for (var i=1; i<=10; i++) {
myContext.lineWidth=i;
myContext.beginPath();
myContext.moveTo(10, 3+i*12);
myContext.lineTo(290, 3+i*12);
myContext.stroke();
}
</script>

Emulation de la console

Boucle de 1 à 10 pour tracer différentes lignes horizontales d'épaisseurs croissantes.

Dunod Fnac Amazon

Chargement
en cours...