JavaScriptでHTML5 SVGのmatrixを直接操作しtransformさせるデモ

先日、SVGTransformを手動で生成しsetRotateなど操作したい命令を放り込む方法を書きましたが、
今回はSVGTransformに用意されているmatrixの値を直接操作することで、
SVGにもととも用意されているrotate、translate、scaleなどの命令と同等の処理を行います。

なおこのサンプルは、単体では動作しますが、違う処理を繰り返して実行すると意図した動作をしません。

console.log()にてSVGTransformなどを出力しているので興味のあるかたはブラウザの開発ツールなどでごらんください。