回転行列の公式(x’ = cosθ * x – sinθ * y, y’ = sinθ * x + cosθ * y)を使って、Canvasに描いたオブジェクトを回転させる。 HTML5 <!DOCTYPE html> <html lang="jp"> <head> <meta charset="UTF-8" /> <title>回転行列|Rotate Matrix</title> <link href="css/base.css" rel="stylesheet" type="text/css"> <script src="js/base.js"></script> </head> <body> <div id="contents"> <canvas id="canvas" width="300" height="300"> </canvas> </div> </body> </html