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?
As you can see from the history (2.1.1 • 2013-08-11, 4th point), this bug is now fixed with the new version!
https://github.com/DmitryBaranovskiy/raphael/blob/master/history.md
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.
thank