ジャバスクリプト
jqueryを使った画像の回転について

画像を回転させたかったので、いろいろと調べてみた。
いくつかやり方を見つけたのでメモ

1・一度だけ回転させたい

jqueryを使わずにCSSの設定だけで可能

translate : rotate();

で、数値をdegで指定してあげればいい。
180度回転したいなら、180deg
マイナスにすれば、逆回転する

2・jqueryで現在の画像の角度を確認して回転させる

スマートなやり方が見つからなかった。
見つけたやり方は以下、

・$('hogehoge').css('transform');
で、該当箇所の角度を確認する、すると matrix値で画像の角度がわかる。
何も指定ない場合は、noneで帰ってくるが、
初期値は、matrix(1, 0, 0, 1, 0, 0)なのでnoneの場合はそれを使う

・matrixの値は、degを使えないので、radで値を指定する
参考(http://unformedbuilding.com/articles/learn-about-css-transforms/)
非常に分かりやすかった。ここを参考にdegではなく、radで値をとる。

・面倒くさかったので、最後は180degの状態とそうでないかを確認して切り替えた