html - 填充 svg 中的剩余空间

Question

我尝试创建一个 svg 并向其添加路径。

这是我的 jsfiddle

现在，如您所见，我设法创建了一个朝下的三 Angular 形，但我无法做的是用其他颜色(例如黑色)填充 svg 内的其余空间(白色)。我该怎么做？

这是我的HTML

<svg id="bigTriangleColors" width="100%" height="100" 
viewBox="0 0 100 102" preserveAspectRatio="none">
  <path d="M0 0 L50 100 L100 0 Z"></path>
</svg>

和CSS

#bigTriangleColors {
fill: #E1EAEF;
position: relative;
}
svg:not(:root) {
overflow: hidden;
}

感谢您的帮助!

Answer 1

我不知道我是否理解正确，但是你刚刚尝试在 svg 上设置背景颜色

svg {
    bacground-color: black;
}

就像这个 fiddle http://jsfiddle.net/Luoq4Lcz/ ？

这能解决您的问题吗？