Raphael Text Glow

Question

Does anyone have an idea of how to get a glow to show up on text? I thought it would be pretty easy to do so but nothing is rendering on the fiddle.

Fiddle

Thanks

Answer 1

It looks to me as though Raphael simply does not support text glow. Check out the first lines of the glow function:

if (this.type == "text") {
    return null;
}

It might be worth your while to investigate the use of print with a Cufonized font -- it'll return a path representing the text you give it instead of a tspan, and glow can be applied to paths.

Or you could settle for creating a simple drop shadow.

I've staged both of these alternatives by way of demonstration here.

Answer 2

You could create a rectangle behind the text and make that glow. I think that should look just fine. Use getBBox() to find out the size of the rectangle you need.

Something like this: http://jsfiddle.net/7ZPtq/51/

Or maybe use some other primitive, e.g. line.