对于不会数学并且不知道左侧半圆和右侧半圆怎么弄的小伙伴,这里有你需要的答案
<script type="text/javascript">
let canvas = document.querySelector('canvas');
canvas.style.width = window.innerWidth;
canvas.style.height = window.innerHeight;
let ctx = canvas.getContext('2d');
ctx.arc(300, 300,150,Math.PI*270/180,Math.PI*90/180,true);//左侧半圆
ctx.strokeStyle = 'aqua';
ctx.stroke();
</script>
想要实现右侧半圆,只需要在Math前面加负号就行了