Question

OK, so far I have this code:

var fillerLine = {
                            'color': 'white',
                            'cursor': 'pointer'
                        }

                        var line1 = paper1.path("M2 2");
                        line1.attr(fillerLine);
                        var anim = Raphael.animation({path: "M2 2L100 2"}, 500);
                        line1.animate(anim.delay(3000));

But the line1 is not sharp at all. It looks like 2px wide instead of 1px as normal line . How can I reset it to 1px and set color of the line to white?

How can I get 1px line?

EDIT: seems like this problem with Firefox Line width in raphaeljswidth-in-raphaeljs I will try if it can be fixed using renderfix();

Answer 1

I have to use 2.5 instead of 3 and then it kinda works.