Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <title>CANVAS - curve</title> <script> function crtaj() { var can = document.getElementById("kan1"); if(can.getContext){ var ctx = can.getContext("2d"); //curve properties ctx.strokeStyle='#00D'; ctx.lineWidth=8; ctx.lineCap='round'; ctx.lineJoin='miter'; ctx.miterLimit=5; //curve points ctx.moveTo(10,100); ctx.quadraticCurveTo(90,40,100,100); ctx.bezierCurveTo(110,20,190,10,200,100); ctx.stroke(); } } window.onload=crtaj; </script> </head> <body> Odsijecanje 'miter' spoja sa <b>ctx.lineJoin='miter'; 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/11curve_linejoin_miterlimit.html
.