csstosvg
无需依赖(!)的方式来轻松地将 CSS box-shadow 规则应用于 SVG 元素。 您可以选择将它与 D3、jQuery 和 Zepto 等库一起使用。
您可以传递给 csstosvg 的示例 CSS 字符串:
box-shadow: 3px 3px 青色;
box-shadow:4px 5px 4px黑色;
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
box-shadow:插入 5px 1px 金色;
用法
csstosvg.apply(obj,'box-shadow: 4px 4px 2px red;');
'obj' 必须是以下之一:
SVG DOM 元素
D3 对象
jQuery / Zepto 对象
要旨
实时示例
限制
您不能在同一个对象上指定多个阴影(目前)。
您可以使用像素或百分比