Skip to content

Commit

Permalink
Take dpr into account for translateZ and perspective
Browse files Browse the repository at this point in the history
  • Loading branch information
Jonas Treub committed Jul 11, 2017
1 parent 687d7c2 commit b1cb2ca
Showing 1 changed file with 4 additions and 4 deletions.
8 changes: 4 additions & 4 deletions framer/LayerStyle.coffee
View file
Expand Up @@ -114,19 +114,19 @@ exports.LayerStyle =
translate3d( translate3d(
#{roundToZero(layer._properties.x * dpr)}px, #{roundToZero(layer._properties.x * dpr)}px,
#{roundToZero(layer._properties.y * dpr)}px, #{roundToZero(layer._properties.y * dpr)}px,
#{roundToZero(layer._properties.z)}px) #{roundToZero(layer._properties.z * dpr)}px)
scale3d( scale3d(
#{roundToZero(layer._properties.scaleX * layer._properties.scale)}, #{roundToZero(layer._properties.scaleX * layer._properties.scale)},
#{roundToZero(layer._properties.scaleY * layer._properties.scale)}, #{roundToZero(layer._properties.scaleY * layer._properties.scale)},
#{roundToZero(layer._properties.scaleZ)}) #{roundToZero(layer._properties.scaleZ)})
skew(#{roundToZero(layer._properties.skew)}deg,#{roundToZero(layer._properties.skew)}deg) skew(#{roundToZero(layer._properties.skew)}deg,#{roundToZero(layer._properties.skew)}deg)
skewX(#{roundToZero(layer._properties.skewX)}deg) skewX(#{roundToZero(layer._properties.skewX)}deg)
skewY(#{roundToZero(layer._properties.skewY)}deg) skewY(#{roundToZero(layer._properties.skewY)}deg)
translateZ(#{roundToZero(layer._properties.originZ)}px) translateZ(#{roundToZero(layer._properties.originZ * dpr)}px)
rotateX(#{roundToZero(layer._properties.rotationX)}deg) rotateX(#{roundToZero(layer._properties.rotationX)}deg)
rotateY(#{roundToZero(layer._properties.rotationY)}deg) rotateY(#{roundToZero(layer._properties.rotationY)}deg)
rotateZ(#{roundToZero(layer._properties.rotationZ)}deg) rotateZ(#{roundToZero(layer._properties.rotationZ)}deg)
translateZ(#{roundToZero(-layer._properties.originZ)}px) translateZ(#{roundToZero(-layer._properties.originZ * dpr)}px)
" "


webkitTransformForce2d: (layer) -> webkitTransformForce2d: (layer) ->
Expand All @@ -152,7 +152,7 @@ exports.LayerStyle =
"#{layer._properties.originX * 100}% #{layer._properties.originY * 100}%" "#{layer._properties.originX * 100}% #{layer._properties.originY * 100}%"


webkitPerspective: (layer) -> webkitPerspective: (layer) ->
"#{layer._properties.perspective}" "#{layer._properties.perspective * Framer.CurrentContext.pixelMultiplier}"


webkitPerspectiveOrigin: (layer) -> webkitPerspectiveOrigin: (layer) ->
"#{layer._properties.perspectiveOriginX * 100}% #{layer._properties.perspectiveOriginY * 100}%" "#{layer._properties.perspectiveOriginX * 100}% #{layer._properties.perspectiveOriginY * 100}%"
Expand Down

0 comments on commit b1cb2ca

Please sign in to comment.