Raphael.js 带有 DropShadow 的 SVG 地图答案

【问题标题】：Raphael.js SVG maps with DropShadowRaphael.js 带有 DropShadow 的 SVG 地图
【发布时间】：2014-01-05 06:03:16
【问题描述】：

我使用了 Raphael.js，但我对 SHADOW EFECT 有疑问。

我为 Shadow 尝试了一些 Raphael 插件（例如 https://github.com/dahoo/raphael.dropshadow.js/），但我无法正常工作

请给我一些建议。谢了

【问题讨论】：

标签： svg raphael

【解决方案1】：

试试发光

<div id="map"></div>

var map = new Raphael(document.getElementById('map'),400,400);

var path = map.path（'M 142.85647,60.432582 -5.84044,9.684235 C 0,0-5.30949,5.533849 -11.6808,11.759429-6.759429 -6.37139,6.6.6.6.22555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555太平值15.909815 -6.902336,1.383463 5.309496,26.285781 -6.902343,1.383462 -2.123796,13.142887 -6.902339,2.76693 c 0,0 -6.350152,1.27278 -10.618983,1.99218 -0.191141,0.0277 -0.361045,0.0553 -0.530949,0.083 -4.247593,0.69173 -13.273728 ,5.53385 -13.273728,5.53385 l -21.768914,0.69173 -2.123796,-4.84212 9.026135,-6.91731 c 0,0 -13.804677,-13.834619 -19.645118,-17.985006 -5.84044,-4.150386 -15.397524,-4.842117 -15.397524,-4.842117 L 3.8752252,73.049757 C 6.7635885,67.654255 9.6307137,62.507775 11.627082,58.966112 l 0.08495,0.08301 14.335626,8.992504 c 0,0 4.778542,0.691731 7.433288,4.150386 2.654746,3.458656 4.778542,11.067698 4.778542,11.067698 l 6.902339,8.992504 11.149931,-2.766925 4.778542,- 8.300773 -5.84044,-9.684235 3.185695,-12.451159 9.557084,-10.375966 7.008528,3.043616 15.291335,6.640619 8.495186,-237.609042 -2.1 97,-5.533849 4.778549,-11.067697 h 4.77854 l 11.68088,-8.300773 14.33562,14.526353 -2.12379,10.375966 12.74278,9.684235 z');

path.attr({ fill: 'blue' });

var shadow = path.glow({ 颜色：'#000000', 偏移量：5，填充：'红色' });

演示http://jsfiddle.net/gkayG/150/

【讨论】：