svg - 如何绘制未填充的正方形。即只是线条？

Question

如何绘制未填充的正方形。即只是线条。

我的代码目前看起来像这样

   <svg width="500" height="500">

     <path d="M10 10 L100 10 L100 100 L10 100 Z" stroke="black"></path>
  </svg>

它绘制了一个纯黑色正方形。而不是纯黑色，我只想看到线条。

我如何用路径做到这一点？

使用路径是必须的

标签： svgpath

Answer 1

试试这个方法

<svg width="500" height="500">

    <path d="M10 10 L100 10 L100 100 L10 100 Z" stroke="black" fill="none"></path>
 </svg>