Question

How to use clip() to draw a quarter of a circle in JavaScript

Answer 1

<canvas id="canvas"></canvas>

<script type="text/JavaScript">   
           
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;

ctx.arc(120, 120, 75, 0, Math.PI * 2, false);
ctx.clip();

ctx.fillRect(0, 0, 120, 120);

</script>

 

70+ SQL courses for beginners and professionals