Setting translation an rotation based on svg properties

framer/SVGBaseLayer.coffee

@@ -82,18 +82,36 @@ class exports.SVGBaseLayer extends Layer
 		delete options.parent
 		delete options.element
 
+		pathProperties = ["fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke-dasharray", "stroke-dashoffset", "name", "opacity"]
+		_.defaults options, @constructor.attributesFromElement(pathProperties, element)
+		if @_element.transform.baseVal.numberOfItems > 0
+			options.x ?= 0
+			options.y ?= 0
+			options.rotation ?= 0
+			indicesToRemove = []
+			for i in [0...@_element.transform.baseVal.numberOfItems]
+				console.log i
+				transform = @_element.transform.baseVal.getItem(i)
+				matrix = transform.matrix
+				switch transform.type
+					when 2 #SVG_TRANSFORM_TRANSLATE
+						options.x += matrix.e
+						options.y += matrix.f
+						#@_element.transform.baseVal.removeItem(i)
+						indicesToRemove.push(i)
+					when 4 #SVG_TRANSFORM_ROTATE
+						# We willingly ignore the translation from this matrix
+						options.rotation += - ((Math.atan2(matrix.c, matrix.d)) / Math.PI) * 180
+						indicesToRemove.push(i)
+
+			for index in indicesToRemove.reverse()
+				@_element.transform.baseVal.removeItem(0)
+
 		rect = @_element.getBoundingClientRect()
 		multiplier = Framer?.CurrentContext.pixelMultiplier ? 1
 		@_width = rect.width * multiplier
 		@_height = rect.height * multiplier
 
-		pathProperties = ["fill", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke-dasharray", "stroke-dashoffset", "name", "opacity"]
-		_.defaults options, @constructor.attributesFromElement(pathProperties, element)
-		if @_element.transform.baseVal.numberOfItems > 0
-			translate = @_element.transform.baseVal.getItem(0).matrix
-			options.x ?= translate.e
-			options.y ?= translate.f
-
 		super(options)
 
 		for parent in @ancestors()