Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <title>CANVAS - Elipsa</title> <script> function crtaj() { var can = document.getElementById("kan1"); if (can.getContext){ var ctx = can.getContext('2d'); ctx.strokeStyle='green'; ctx.lineWidth=5; ctx.ellipse(can.width/2, can.height/2, 100, 60, Math.PI/4, 0, 2*Math.PI, false); ctx.stroke(); } } window.onload=crtaj; </script> </head> <body> Crtanje elipse koja je zakrenuta za 45° tj. za PI/4. <br> <canvas id="kan1" width="300" height="300" style="border:1px solid #DDDDDD;"> Vaš browser ne podržava CANVAS element! </canvas> <br><br> </body> </html>
Pregled stranice:
Pogledaj stranicu
../html/html5canvas/primjeri/26elipsa.html
.