Question

Is it possible to rotate a particular shape along fixed point with mousedrag in html5 with javascript and kinecticjs library.

Answer 1

You can make the object draggable, and set a dragBoundFunc. i.e., http://jsfiddle.net/bighostkim/7Q5Hd/

dragBoundFunc: function (pos) {
    var pos = stage.getMousePosition();
    var xd = this.getX() - pos.x ; 
    var yd = this.getY() - pos.y ; 
    var radian = Math.atan2(yd, xd);
    this.setRotation(degree);

    return {
        x: this.getX(),
        y: this.getY()
    }
}