Question

为什么X的SVG图像显示为空白？

<svg fill="#ffffff" height="48" viewBox="0 0 24 24" width="48" xmlns="http://www.w3.org/2000/svg">
  <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
  <path d="M0 0h24v24H0z" fill="none"/>
</svg>

Answer 1

SVG不是空白，它是白色的。

您已将整个SVG的填充设置为#ffffff。只需使用所需颜色更新填充，即可在白色背景下显示“X”。

我还在示例中添加了一个结束SVG标记，我认为这只是一个复制/粘贴错误。

<svg fill="#ff0000" height="48" viewBox="0 0 24 24" width="48" xmlns="http://www.w3.org/2000/svg">
    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
    <path d="M0 0h24v24H0z" fill="none"/>
</svg>

SVG close（X）图像显示为空白？

1 个答案: