Question

我想创建两条与svg看起来像'X'的交叉线。我尝试了以下内容，但只显示了一行。可能是一个非常简单的问题，但我还没有找到解决方案。

<svg id="min-1"width="26" height="14" style="display:block">
  <line x1="4" y1="3" x2="22" y2="11" style="stroke:#5A5A5A; stroke-width:3">
  <line x1="4" y1="11" x2="22" y2="3" style="stroke:#5A5A5A; stroke-width:3">
</svg>

Answer 1

您的代码有一些错误。只需将/添加到<line>代码的末尾：

<svg id="min-1"width="26" height="14" style="display:block">
  <line x1="4" y1="3" x2="22" y2="11" style="stroke:#5A5A5A; stroke-width:3"/>
  <line x1="4" y1="11" x2="22" y2="3" style="stroke:#5A5A5A; stroke-width:3"/>
</svg>

使用svg在html页面中创建交叉线元素

1 个答案: