Question

What I’m trying to get done in the example shown below is a pie like shape for a preloader script. The deal with it is that it starts on 0% and finishes on 100%. Depending on the % given the circle behind the gray circle shall fill it self up.

Currently i have the shapes in 2 different canvas’s as i had to use clip to actually hide parts of the circle. But as this applied to my overlay with the gray circle i spliced them up. They are by the way both images.

I would really appreciate any effort that you guys put in helping me.
Been trying to solve this issue for ages.

Answer 1

Found the solution.
Seems like i had to use the moveTo
function in order to get the shape to be painted correctly.

Using the

function degreesToRadians(degrees) {
    return (degrees * Math.PI)/180;
}

function to use degrees rather than Radians.

–

Hope this helps someone else 🙂