Basicaly is this, i need to do a circular heath bar
Something similar to this:
Develop games in your browser. Powerful, performant & highly capable.
Oh how I wish Drawing Canvas did antialiased circles...
The simplest way would be to break down that graphic into 10 or more animation frames with each a bit more full up to 100%. then simply move to the next frame depending on the health points of the player.
I agree with the previous post's suggestion of just making animation frames.
But here is an over engineered solution for fun - dropbox.com/s/o2hi951wzoquaoe/circularcanvasmask.c3p
You can turn off the blend mode on the canvas object to see how it renders. You could also probably draw the circle itself with another canvas if you wanted.