Toggle navigation
☰
HTML
CSS
Scripting
Database
<!DOCTYPE html> <html> <body> <canvas id="arcCanvas" width="300" height="150" style="border:1px solid #d3d3d3;"></canvas> <script> var canvas = document.getElementById("arcCanvas"); var ctx = canvas.getContext("2d"); // Draw a filled circle ctx.beginPath(); ctx.arc(75, 75, 50, 0, 2 * Math.PI); ctx.fillStyle = "#FF8C00"; ctx.fill(); ctx.stroke(); // Draw a stroked arc ctx.beginPath(); ctx.arc(200, 75, 50, 0, Math.PI); ctx.strokeStyle = "#0070C0"; ctx.lineWidth = 5; ctx.stroke(); </script> </body> </html>
