how to scale a path in raphael.js

Question

I don't understand why the following example is not working... It only works if I am resizing it once but if I try to resize it again it get's all messed up...

http://jsfiddle.net/JAVWN/1/

Donnie C · Answer 1 · 2011-05-05T03:43:47.250

You would think that if you called scale() once and then called scale() again, the results would be cumulative, but this doesn't seem to be the case. It seems that if you call scale(), it remembers the original dimensions and scales those rather than the previously recalculated dimensions.

The way I got your example to work was to store the scale (one variable for each dimension) on your object (starting with scaleX = scaleY = 1). Then I multiplied the stored scale by the scale calculated from the final position of the resizer/cursor and stored those in your object. Finally, I used the stored scales in the scale() function call to resize your shapes.

See http://jsfiddle.net/donniec/JAVWN/2/

Nice one :) That's why I love stackoverflow – thgie May 05 '11 at 07:43 — thgie, May 05 '11 at 07:43

score 1 · Answer 2 · answered May 05 '11 at 17:19

1

I fixed it... just use node.resetScale();

answered May 05 '11 at 17:19

fogy

81
1
4

That method name seems counter-intuitive, but I'm glad it works. Wish I had found it in the Raphael documentation. – Donnie C May 05 '11 at 17:39

how to scale a path in raphael.js

2 Answers2