1 Mar 2015

Utiliser miterLimit sur une toile

by | posted in: canvas | 0



Désolé, votre navigateur ne supporte pas le HTML5 canvas tag.

Par le principe même du miterLimit, quand les lignes se réunissent elles seront montrées sous la forme d’un biseau lineJoin= « miter ».

Le code expliqué

<canvas id= »myCanvas » width= »300″ height= »150″ style= »border:1px solid #d3d3d3; »>
Désolé, votre navigateur ne supporte pas le HTML5 canvas tag.</canvas>
<p>Par le principe même du miterLimit, quand les lignes se réunissent elles seront montrées sous la forme d’un biseau lineJoin= « miter ».</p>
<script>
var c = document.getElementById(« myCanvas »);
var ctx = c.getContext(« 2d »);
ctx.lineWidth = 10;
ctx.lineJoin = « miter »;
ctx.miterLimit = 5;
ctx.moveTo(20, 20);
ctx.lineTo(50, 27);
ctx.lineTo(20, 34);
ctx.stroke();
</script>

logowebmaster1