Raphael js not rendering correctly in IE9-Document

2019-09-02 03:02发布

问题:

I'm coding an interactive map with Raphael JS (2.0.1) which is behaving nicely in all browsers except IE9 in document mode. In this case the paths and filles spaces look like this:

http://media.apa.at/dev/examples/ie9_problems.png

instead of clean white lines.

The shapes are created in a loop and scaled and translated afterwards to have the correct size and position:

    this.scaling = this.mappaper.set();

for (var tEntity in tData) {

    var tShape = this.mappaper.path(tData[tEntity].path); 

    tShape.attr(this.attributes);
    tShape.id = tEntity;

    tCol = this.getResultCol(tEntity);

    this.scaling.push(tShape);

    tObj.shape.animate({ fill: tCol }, 300);
}

this.scaling.scale(0.90,0.90,1,1);
this.scaling.translate(-1150,-300);

I have already tried to use the renderingfix()-bugfix of the documentation, does not work or I did not figure out on how to use it correctly.

Does anybody have an idea on what I'm doing wrong?

Thx in advance