Html 所有边的SVG倒角效果

#徽标{
位置：相对位置；
左：20px；
顶部：20px
}
#标志。容器{
高度：200px；
宽度：200px；
顶部：50px；
左：50px
}
#logo.container，#logo.slice{
位置：绝对位置；
}
#logo.切片{
身高：100%；
宽度：100%；
}

---

以下是使用镜面反射照明过滤器的斜面效果：

听起来像是你用灯光过滤器做的事情。@Robert Longson是的，但我无法捕捉到想要的效果。告诉我们你有什么样的过滤器解决方案，我们可以建议更正。@Robert Longson当然有，我试图修改第一个过滤器，但我不知道参数，因此无法获得所需的效果。第一个过滤器对三角形形状没有影响，但第二个过滤器工作正常。不是预期的结果，但对我来说仍然可以。第一个过滤器对任何形状都有效，但您必须调整灯光的位置-fePointLight元素中的x/y/z-以便它适合您的形状。但是第二个过滤器在任何情况下都可以工作。