Tie

by mmarcon

HTML

<div id="tie">
    
</div>

CSS

body {
    background-color: #4badde;
    margin: 0;
    padding: 0;
}

#tie {
    width: 200px;
    height: 500px;
}

JavaScript

var init = function(){
    var r, s;
    
    r = new Raphael('tie', 200, 500);
    s = r.set();
    
    var p1 = r.path("M200 0L100 40L60 40L140 0L200 0"),
        p2 = r.path("M15 41L105 41L110 60L100 100L20 100L10 60L15 41"),
        p3 = r.path("M20 101L100 101L115 430L60 470L5 430L20 101"),
        p4 = r.path("M20 40L60 40L0 10L0 32 L20 40");
        
    s.push(p1, p2, p3, p4);
    s.attr({
        'stroke-width': 0.1,
        stroke: '#000',
        fill: '#222'
    });
};

init();