How to draw circle in canvas with center?

Question

JavaScript

There is this code:

ctx2.beginPath();
ctx2.clearRect(0, 0, canvas.width, canvas.height);
ctx2.arc(canvas.width/2, canvas.height/2, 100, (Math.PI/180)*-35, (Math.PI/180)*35);
ctx2.fill();
ctx2.stroke();

He draws this:

How to draw like this?:

Answer 1

ctx2.beginPath();
ctx2.moveTo(canvas.width/2, canvas.height/2);
ctx2.arc(canvas.width/2, canvas.height/2, 100, 340*Math.PI/180, 20*Math.PI/180);
ctx2.closePath();
ctx2.fill();
Something like this.

Answer 2

make triangles on the sides and in the center there is already a simple block with border top and bottom

Answer 3

In Photoshop, make the edge of the button. And through :after add to the block