+ 1

Why is the arc not drawn

https://code.sololearn.com/WDTxIMG6748T/?ref=app

9th Oct 2017, 8:25 AM

Janu Fouche

4 Answers

+ 16

<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <canvas id = "id_canvas"></canvas> </body> <script> var v_canvas = document.getElementById("id_canvas"); v_canvas.width = window.innerWidth; v_canvas.height = window.innerHeight; var v_c = v_canvas.getContext("2d"); v_c.fillStyle = "#0000FF"; v_c.fillRect(20 ,20 , 100, 100); v_c.fillStyle = "#FF0000"; v_c.fillRect(200 ,10 , 100, 100); v_c.fillStyle = "#00FF00" v_c.fillRect(10 ,200 , 100, 100); //lines v_c.beginPath() v_c.moveTo(300,300); v_c.lineTo(150, 100); v_c.strokeStyle = "#FF00FF"; v_c.stroke(); //arc v_c.beginPath(); v_c.arc(200, 300, 30, 0, 5, Math.PI * 1,Math.PI * 2, true ); v_c.strokeStyle = "#FF0000"; v_c.stroke(); </script> </html>

9th Oct 2017, 8:31 AM

Nikky Amresh