Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <title>CANVAS - line</title> <script> function crtaj() { var c = document.getElementById("kan1"); var ctx = c.getContext("2d"); //color and width ctx.strokeStyle="green" ctx.lineWidth=10; //join ctx.lineJoin='miter'; ctx.miterLimit=5; //line 1 ctx.moveTo(20,20); ctx.lineTo(100,100); //line 2 ctx.lineTo(20,50); ctx.stroke(); } window.onload=crtaj; </script> </head> <body> Primjetite skraćeni <b>miter</b> spoj zbog <b>ctx.miterLimit=5;</b>.<br> <canvas id="kan1" width="300" height="200" style="border:1px solid #DDDDDD;"> Vaš browser ne podržava CANVAS element! </canvas> <br><br> </body> </html>
Pregled stranice:
Pogledaj stranicu
../html/html5canvas/primjeri/05line_linejoin_miterlimit.html
.