title: How does one rotate a HTML canvas object around a fixed point using mouse action?
body: <p>For example it may be used in the application of manually adjusting the hands of the clock. I guess it probably involves translating the needle (to make the end point of the needle the centre of rotation) then rotating it, then translating the needle again. </p>
  
  <p>But since the needle listens to the mouse event all the time, the 1st mouse event will be captured. The result is that the needle ends up being translated and not rotated at all. Mouse event is impossible to debug too... </p>
  
  <p>Any idea or code snippets that I can refer to? Using Javascript or CSS to rotate both fine.</p>