Skip to content

Commit

Permalink
Fix originX and originY for SVG behavior
Browse files Browse the repository at this point in the history
  • Loading branch information
nvh committed Jan 17, 2018
1 parent ad45c89 commit cea1e51
Showing 1 changed file with 10 additions and 0 deletions.
10 changes: 10 additions & 0 deletions framer/SVGBaseLayer.coffee
@@ -1,6 +1,14 @@
{Layer, layerProperty} = require "./Layer" {Layer, layerProperty} = require "./Layer"
{Color} = require "./Color" {Color} = require "./Color"


originTransform = (value, layer, name) ->
sizeProp = undefined
switch name
when "originX" then sizeProp = "width"
when "originY" then sizeProp = "height"
return value unless sizeProp?
return (layer[sizeProp] / layer.parent[sizeProp]) * value

class exports.SVGBaseLayer extends Layer class exports.SVGBaseLayer extends Layer
# Overridden Layer properties # Overridden Layer properties


Expand All @@ -13,6 +21,8 @@ class exports.SVGBaseLayer extends Layer
@define "html", get: -> @_element.outerHTML or "" @define "html", get: -> @_element.outerHTML or ""
@define "width", get: -> @_width @define "width", get: -> @_width
@define "height", get: -> @_height @define "height", get: -> @_height
@define "originX", layerProperty(@, "originX", "webkitTransformOrigin", 0.5, _.isNumber, originTransform)
@define "originY", layerProperty(@, "originY", "webkitTransformOrigin", 0.5, _.isNumber, originTransform)


# Disabled properties # Disabled properties
@undefine ["label", "blending", "image"] @undefine ["label", "blending", "image"]
Expand Down

0 comments on commit cea1e51

Please sign in to comment.