如何绘制未填充的正方形。 IE。只是线条？答案

【问题标题】：How do I draw a non-filled in square. I.e. just the lines?如何绘制未填充的正方形。 IE。只是线条？
【发布时间】：2020-08-13 11:15:20
【问题描述】：

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

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

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

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

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

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

必须使用路径

【问题讨论】：

标签： svg path

【解决方案1】：

试试这个方法

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

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

【讨论】：