RaphaelJs example 2

by Steven Martin

HTML

<div id="canvas_container"></div>

CSS

#canvas_container {
    width: 500px;
    height: 300px;
    border: 1px solid #aaa;
}

JavaScript

window.onload = function() {
    
    var paper = new Raphael(document.getElementById('canvas_container'), 350, 350);
    
    var tetronimo = paper.path("M 250 250 l 0 -50 l -50 0 l 0 -50 l -50 0 l 0 50 l -50 0 l 0 50 z");
    tetronimo.attr({
            "gradient": "90-#526c7a-#64a0c1",
            "stroke": "#3b4449",
            "stroke-width": "10",
            "stroke-linejoin": "round",
            "transform": "r -90"
        }); 
}