JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://raw.github.com/ElbertF/Raphael.FreeTransform/master/raphael.free_transform.js"></script>
<script src="https://raw.github.com/ElbertF/Raphael.JSON/master/raphael.json.js"></script>
<div id="floor"></div>
CSS
#floor {
width:500px;
height:500px;
}
JavaScript
var paper = Raphael('floor');
var el = paper.image('http://blog.knibbdesign.com/wp-content/uploads/2011/11/NAlexander-Chair-Folding2.jpeg', 50, 50, 360, 360);
var ft = paper.freeTransform(el);
var start = function () {
this.ox = this.attr("x");
this.oy = this.attr("y");
},
move = function (dx, dy) {
this.attr({x: this.ox + dx, y: this.oy + dy});
console.log('Am i moving?');
},
up = function () {
};
el.drag(move, start, up);