Javascript 为什么SVG阴影在底部被切割

我制作了一个小SVG图标，它的底部需要一个阴影。我不明白的是为什么它的影子被剪掉了

提前谢谢

.romb_上边框、.romb_下边框{填充：透明；笔划：#e9ebd8；笔划宽度：1.5px；}

两件事。调整svg的大小以适应svg元素及其

viewbox

上的过滤器结果所需的大小，并增加过滤器的高度以适应svg的边界。下面的例子，希望有帮助，干杯

哦，还有，我假设朗森先生指出的8位十六进制颜色是XAML路径习惯中的一个残余习惯，在这个习惯中，你可以通过在第一个八位字节上附加一个值来指定alpha通道。AKA

RGB

svg{border:rgba（255,0,0,2）3px solid}

.romb_上边框、.romb_下边框{填充：透明；笔划：#e9ebd8；笔划宽度：1.5px；颜色}

笔划宽度：1.5px；color}@MisterJojo谢谢你给我一个污点，但这不是解决办法。但这不是解决办法。。。你付钱给我了？viewBox不够大，投影的8位十六进制颜色无效。我想你也是。我刚开始读你的问题，这只是一个迹象。没有我，你现在只能过日子了！这是一个非常有趣的问题。。。我从来没有遇到过这样的事情（过滤高度+svg维度冲突）+1指向我的技能口袋！干杯！：）不用担心，我们都去过那里，老实说，通常是@RobertLongson在svg上为我做了一个卑微的馅饼。无论是哪种方式，我个人都试图避免svg过滤器，而不仅仅是好的“OLCSS”。如果svg不起作用，可以用css重新创建这种形状和效果，并在短时间内准备好跨浏览器。