Question

I am trying to add a border, stroke, or drop shadow to a Raphael image element. My ultimate goal is to have an animated glowing border. I have achieved this on standard HTML elements using JavaScript, but I am unable to find a way to do it using Raphael.

I have read posts that suggest using a rect with an image fill, but this won’t work because I need the images to be scalable. I have not found a way to set the dimensions of the image fill.

Is there a way to access a Raphael.image element’s style attributes using JavaScript?

Thanks,

Answer 1

Did you try glow in RaphaleJS ?

http://dmitrybaranovskiy.github.io/raphael/reference.html#Element.glow