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


i find out how add blurry edged drop shadows raphael.js objects/paths. far know not possible library there work around?

adding link raphael.blur in separate answer, per op's request.

http://github.com/dmitrybaranovskiy/raphael/blob/master/plugins/raphael.blur.js

updated code sample:

var shadow = canvas.path(p); shadow.attr({stroke: "none", fill: "#555", translation: "4,4"}); shadow.blur(4); var shape = canvas.path(p); 

note in dmitry's comments mentions there no webkit support. uses <filter> element , fegaussianblur filter effect. webkit has implemented fegaussianblur effect, filters unstable , disabled in safari (it may work in chrome 5 - should work in chrome 6).


Comments

Popular posts from this blog

ASP.NET/SQL find the element ID and update database -

jquery - appear modal windows bottom -

c++ - Compiling static TagLib 1.6.3 libraries for Windows -