Question for those html5 canvas pros

Question

how can i make this circle to spin on its x-axis (like a spining coin on a flat surface)
which can also be useful animating pick-up coins /tools/weapons in game...i tried hard to animating it that way..but only errors...anything useful like a link to a canvas tuitorial concerning this will also be apreciated

(P.S css animations are obvious)

https://code.sololearn.com/WZx25mKv77SG/?ref=app

jQuery is also accepted.....

Answer 1

What you need is here.
https://en.m.wikipedia.org/wiki/Rotation_matrix

The explanation on Wikipedia is comprehensible enough although the implementation may require intermeditae programming knowledge. I don't have my laptop with me so I can't give you an example