Home/ Questions/Q 8189899
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T03:26:20+00:00

I’m attempting to create an animated menu bar using raphael.js. It works fine in

  • 0

I’m attempting to create an animated menu bar using raphael.js. It works fine in Firefox but in Chromium a black outline appears around the graphic. View this jsFiddle in Chrome.

As the graphic moves it also seems to leave behind traces of this black outline as shown in the image below. I’ve tried setting the"stroke-width" attribute to 0 but this doesn’t seem to have any effect.

Raphael black outline problem

Any help on the matter would be much appreciated.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’ve run into this problem and it’s present in Chrome 18 and 19. As Chrome 20 is just a few days old, many users will still have previous versions installed, so it’s still worth fixing it.

    In Raphael just set your stroke: none or plain svg element.setAttribute("stroke", "none")

    • 0