Raphael + jQuery sandbox

by wheresrhys

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.0.1/raphael-min.js"></script>
<div id="paper"></div>

CSS

#paper {
    
    margin-top: 40px;}

JavaScript

var paper = Raphael("paper", 200, 200);

var w = 100, r = 5, o = 19,
                array = [];
                array = array.concat(["M", 9, o ]); 
                array = array.concat(["L", 17, 6 + o]); 
                array = array.concat(["L",17,18-r + o, "Q",17,18+ o,17+r,18+ o]); //A
                array = array.concat(["L",17 + w-r,18+ o, "Q",17+w,18+ o, 17+w,18-r+ o]); //B
                array = array.concat(["L",17+w,-18+r+ o, "Q",17+w,-18+ o, 17+w-r,-18+ o]); //C
                array = array.concat(["L",17+r,-18+ o, "Q",17,-18+ o, 17,-18+r+ o ]); //D
                array = array.concat(["L", 17, -6+ o , "Z"]); 
                //array = array.concat(["L", 9, 0 , "Z"]); 
            var path = paper.path(array);