Setting the origin after the element is mounted

framer/SVGBaseLayer.coffee

@@ -1,3 +1,4 @@
{LayerStyle} = require "./LayerStyle"
{Layer, layerProperty} = require "./Layer"
{Color} = require "./Color"

@@ -7,7 +8,10 @@ originTransform = (value, layer, name) ->
		when "originX" then sizeProp = "width"
		when "originY" then sizeProp = "height"
	return value unless sizeProp?
	return (layer[sizeProp] / layer.parent[sizeProp]) * value
	layerSize = layer[sizeProp]
	parentSize = layer.parent[sizeProp]
	return value unless layerSize > 0 and parentSize > 0
	return (layerSize / parentSize) * value

class exports.SVGBaseLayer extends Layer
	# Overridden Layer properties
@@ -106,9 +110,7 @@ class exports.SVGBaseLayer extends Layer
			for index in indicesToRemove.reverse()
				@_element.transform.baseVal.removeItem(index)

		rect = @_element.getBoundingClientRect()
		@_width = rect.width / @_parent.canvasScaleX()
		@_height = rect.height / @_parent.canvasScaleY()
		@calculateSize()

		super(options)

@@ -128,6 +130,26 @@ class exports.SVGBaseLayer extends Layer
		set: (value) ->
			console.warn "The gradient property is currently not supported on shapes"

	elementInsertedIntoDocument: ->
		super
		@calculateSize()
		@recalculateOrigin()

	calculateSize:  ->
		if Framer?.CurrentContext.elementInDOM
			rect = @_element.getBoundingClientRect()
			@_width = rect.width / @_parent.canvasScaleX()
			@_height = rect.height / @_parent.canvasScaleY()
		else
			# No use in calculating, so set width and height to 0
			@_width = 0
			@_height = 0

	recalculateOrigin: ->
		@_properties.originX = originTransform(@originX, @, "originX")
		@_properties.originY = originTransform(@originY, @, "originY")
		@_element.style.webkitTransformOrigin = LayerStyle.webkitTransformOrigin(@)

	resetViewbox: =>
		@_svg.setAttribute("viewBox", "0,0,#{@width},#{@height}")
		@_svg.removeAttribute("viewBox")