How can one add drop shadows to Raphael.js objects?

javascript svg raphael
pylonicon picture pylonicon · Oct 7, 2010 · Viewed 12.4k times · Source

I would like to find out how to add blurry edged drop shadows to Raphael.js objects/paths. As far as I know it is not possible with the library as is but is there a work around?

Answer

David Herse picture David Herse · Apr 26, 2012

You can use the Element.glow([glow]) to get a shadow effect. http://raphaeljs.com/reference.html#Element.glow

Related questions

How to access SVG elements with Javascript

I'm messing around with SVG and I was hoping I could create SVG files in Illustrator and access elements with Javascript. Here's the SVG file Illustrator kicks out (It also seems to add a load of junk to the beginning …

Read More
jQuery SVG vs. Raphael

I'm working on an interactive interface using SVG and JavaScript/jQuery, and I'm trying to decide between Raphael and jQuery SVG. I'd like to know What the trade-offs are between the two Where the development momentum seems to be. I …

Read More
how to change svg text tag using javascript innerHTML

i was using raphaeljs , and i want to show html(not only text) in svg, so i use this code : var r = Raphael("holder", 200, 300); var t = r.text(10, 10, "ssdwqdwq"); t.node.innerHTML='dddd' but i cant change the svg's content , …

Read More