我想了解如何在Raphael.js对象/路径中添加模糊边缘的阴影。据我所知,该库本身不支持此功能,但是否有解决方法?
Element.glow([glow])
来实现阴影效果。详情请参考 http://raphaeljs.com/reference.html#Element.glow。http://github.com/DmitryBaranovskiy/raphael/blob/master/plugins/raphael.blur.js
更新的代码示例:
var shadow = canvas.path(p);
shadow.attr({stroke: "none", fill: "#555", translation: "4,4"});
shadow.blur(4);
var shape = canvas.path(p);
<filter>
元素和feGaussianBlur滤镜效果。WebKit已经实现了feGaussianBlur效果,但是滤镜是不稳定的,并且在Safari中被禁用(在Chrome 5中可能可以工作-在Chrome 6中肯定可以工作)。.blur
函数是否未记录在文档中?在 Raphael 文档中找不到它的任何信息。或者它是本地函数吗? - Sudhir Jonathan最简单的方法就是使用阴影颜色填充物绘制对象,并偏移几个像素,然后在其上方绘制实际对象。
var shadow = canvas.path(p);
shadow.attr({stroke: "none", fill: "#555", translation: "4,4"});
var shape = canvas.path(p);
如果需要,您还可以调整不透明度属性。