Raphael JS: wrong position after scaled path in IE

I'm having problems scaling a path in Internet Explorer because it results in the wrong position.

Here is a playground example, check it out in FF and IE:

paper.path("m40,40 h10 v10 h-10 v-10").transform("s8");


I tried this in Raphael's playground and also here: http://jsfiddle.net/M4Rmm/ .

Works in Firefox and Chrome, but in IE the path is moved and has the wrong position. It doesn't matter if I use the function .scale()

or .transform()


paper.path("m40,40 h10 v10 h-10 v-10").scale(8,8); //same result like .transform("s8");


My system: Win7, x64 / FF10, IE8 / Raphael 2.x

I have also tried the new Raphael 2.1.0 version, but the same problem occurs.

Any ideas how to solve this problem?


source to share

2 answers

As you can see from the history (2.1.1 • 2013-08-11, 4th point), this bug is now fixed with the new version!



I had the same problem as positioning in IE, I had two arcs (I used a simplified version of the raphael polar clock function). But positioning was disabled in IE.

I changed matrix.translate as Chris suggested and that solved my problem.




All Articles