JSFiddle - React, Tailwind, and code Playground

by gion_13

HTML

<div id="r"></div>

JavaScript

var R = new Raphael('r',1000,1000);
var path = R.path("M160,105C323,375,435,42,598,288")
    .attr({
        style : 'stroke-linecap : round;',
        fill : 'none',
        stroke : '#ff9900',
        'stroke-width' : 10,
        'stroke-linecap' : 'round'
    });

var img = R.rect(95, 40, 130, 130, 20)
    .attr({
        fill: "url(http://kurrik.github.com/hackathons/static/img/sample-128.png)",
        "stroke-width": 2
    })
    .click(function(){
        img
     //       .attr({rx: 95, ry: 40})
            .animateAlong(path, 4000, true, function () {
    //            img.attr({rx: 598, ry: 288});
            });
    });