Raphael.js установил движение с текстом "Рафаэль не определен"

Question

Я изо всех сил пытался реализовать перетаскивание для набора в Raphael.js.

Мне удалось сделать это для наборов, которые состоят из кругов, используя этот код на JSFiddle.

var r = Raphael(10, 50, 600, 600);    
var Intermediate = r.set();

var start = function () {
    // storing original coordinates
    this.ox = this.attr("cx");
    this.oy = this.attr("cy");
};

move = function (dx, dy) {
    // move will be called with dx and dy
    Intermediate.attr({cx: this.ox + dx, cy: this.oy + dy});
};

up = function () {};

Intermediate.drag(move, start, up);

Однако это не работает для наборов, составленных из прямоугольников и текста, потому что они не имеют свойств cy и cx. Замена cx и cy на x и y соответственно не работает, поскольку два объекта будут иметь разные значения x и y, в то время как концентрические круги будут иметь одинаковые значения cx и cy.

Здесь я нашел решение также на JSFiddle, которое определяет новый метод в Raphael.st.

Raphael.st.draggable = function() {};    

Затем он просто позволяет перетаскивать набор:

mySet.draggable();    

Однако, когда я пытаюсь реализовать это решение в visual studio, я получаю сообщение об ошибке "0x800a1391 - Ошибка времени выполнения JavaScript:" Рафаэль "не определен".

Я не понимаю, почему это так, я добавил сценарий Рафаэля в свой HTML.

Любая помощь будет оценена.