画像を回転させたかったので、いろいろと調べてみた。
いくつかやり方を見つけたのでメモ
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の状態とそうでないかを確認して切り替えた