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
Post a Comment