Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <title>CANVAS - arcTo</title> <script> function crtaj() { var can = document.getElementById("kan1"); if (can.getContext){ var ctx = can.getContext("2d"); ctx.strokeStyle='red'; ctx.lineWidth=2; //pomak kordinatnog sistema var x=can.width/2; var y=can.height/2; //radius u px var r=50; ctx.moveTo(x-r,y); ctx.quadraticCurveTo(x-r/2, y-r/2, x, y); ctx.quadraticCurveTo(x+r/2, y-r/2, x+r, y); ctx.arc(x, y, r, 0, Math.PI, false); ctx.stroke(); ctx.fillStyle='#FFCCCC'; ctx.fill(); } } window.onload=crtaj; </script> </head> <body> Crtanje kompleksnije krivulje <b>quadraticCurveTo()</b> i <b>arcTo()</b> metodama. <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/16arcto_complex.html
.