How do I make custom (print) text draggable in Raphael JS 2.0?

Question

I recently updated to Raphael JS 2.0 and now my text dragging is laggy.

before (1.5): http://jsfiddle.net/jedateach/vZN72/

after (2.0): http://jsfiddle.net/jedateach/YyvSm/

Perhaps someone can fork my jsfiddle to show how it should be done?

Answer 1

In Raphael 2.0, instead of Translate , you should make use of the Transform function, which adds a matrix transformation to the svg element.

Here is an example .

Note that the use of "..." in the transform string will append the previous transformations. If you want to store multiple transformations such as size and rotation, you'll need to store the current values, and exclude "...".