Snap.SVG in Framer.js.coffee

# Add this line to .framer index.html:
# <script src="http://snapsvg.io/assets/js/snap.svg-min.js"></script>

background = new BackgroundLayer
    diameter = Screen.width
    radius = Screen.width / 2

svglayer = new Layer
    width: diameter, height: diameter
    y: Screen.height / 2 - radius
    backgroundColor: "transparent"
    html: "<svg id='svgid' width='#{diameter}' height='#{diameter}'></svg>"

$ = Snap("#svgid")

sector = $.paper.path (
    "M #{radius}, #{radius}" + 
    "L #{radius}, 0" + 
    "A #{radius}, #{radius}  0  1, 1  #{0}, #{radius}"
)

sector.attr("fill", "#ee4433")

background.on "click", ->
    sector.animate {d:
    "M #{radius}, #{radius}" +
    "L #{radius}, 0 " +
    "A #{radius}, #{radius}  0  0, 1  #{diameter}, #{radius}"
    }, 2000