Algorithms for SVG Horizontal, Vertical and HorizontalVertical Flip

NORMAL:
-------

	translate=(-(CENTER_X*(SCALE_X-1)),-(CENTER_Y*(SCALE_Y-1))
	scale=(SCALE_X, SCALE_Y)
	translate(MOVE_X,MOVE_Y)
	rotate=(DEGREES, CENTER_X, CENTER_Y)


VERTICAL MIRROR:
----------------

	translate=(SCREEN_WIDTH+(CENTER_X*(SCALE_X-1)), (SCALE_X-1)*CENTER_Y)
	scale=(SCALE_X, SCALE_Y)
	scale="-1, 1"
	translate(MOVE_X, MOVE_Y)
	rotate(DEGREES, CENTER_X, CENTER_Y)

http://jsfiddle.net/t46pU/


HORIZONTAL MIRROR:
------------------

	translate=-((SCALE_X-1)*CENTER_X), (SCREEN_HEIGHT+((SCALE_Y-1)*CENTER_Y)
	scale=(SCALE_X, SCALE_Y)
	scale="1, -1"
	translate(MOVE_X, MOVE_Y)
	rotate=(DEGREES, CENTER_X, CENTER_Y)

http://jsfiddle.net/RxG7z/

BOTH MIRRORS:
-------------

	translate=(SCREEN_WIDTH+((SCALE_X-1)*CENTER_X), (SCREEN_HEIGHT+((SCALE_Y-1)*CENTER_Y))
	scale=(SCALE_X, SCALE_Y)
	scale=(-1, -1)
	translate(MOVE_X, MOVE_Y)
	rotate(DEGREES, CENTER_X, CENTER_Y)

http://jsfiddle.net/funH3/

---------

When no mirror is used:
-----------------------
Normal algorithm is added

When vertical mirror is used:
-----------------------------
Normal algorithm is added (first SVG object)
Vertical algorithm is added (second SVG object)

When horizontal mirror is used:
-------------------------------
Normal algorithm is added (first SVG object)
Horizontal algorithm is added (second SVG object)

When horizontal and vertical mirror is used:
--------------------------------------------
Normal algorithm is added (first SVG object)
Vertical algorithm is added (second SVG object)
Horizontal algorithm is added (third SVG object)
Both Mirrors algorithm is added (fourth object)

This last ones, makes sure that whatever you draw in one corner appears in all the rest corners.