TestShapes

by Joe LeMonnier

HTML

<div id="canvas"></div>

JavaScript

var paper = Raphael("canvas",500,500);
paper.text(50,50,'yyyyy');
        
var r= paper.path("M10, 10 l 20 ,22 40 ,-23 z");

var r2= paper.path("M60 10 l 20 20 40 -23 z");

var r3= paper.path("M100 10 125 30 140 -13 z");

var r4= paper.path(["M",60, 60, "l",80 ,20 ,20 ,-33, "z"]);

//var r5= paper.path({"M",60, 160, "l",80 ,20 ,20 ,-33, "z"});

var pin = paper.path([
    'M', 130, 350,
    'A', 100, 180, 0, 1, 0, 210, 350,
    'C', 290, 100, 50, 100, 130, 350,
    'z'
]).attr({fill:'blue','stroke-width':12});


pin.click(function() {
    this.animate({
        transform: ('...r 45')
    }, 300);
});