How to use canvas in JavaScript to rotate a picture by itself

Recently wrote a game, want to let a character with the mouse in situ rotation

Found on the Internet, most of it is written in CSS, but for the sake of long-term interests to choose to use the JavaScript code in the canvas to solve the drawing problem

Among the two important methods:

Context.translate (x, y)

Used to reset the origin of the canvas

Parameter is the set origin coordinate

Context.rotate (Angle *math.pi/180)

Let the picture rotate,

The parameter refers to the radian of the rotation

If you want to fill in the angle, multiply the math.pi/180 as above.

Core ideas:

Reprinted from: http://jingyan.baidu.com/article/ab0b56309719bac15afa7de9.html

How to use canvas in JavaScript to rotate a picture by itself