嗨，我来帮你搞定这个问题！你现在的SVG画出实心正方形，是因为SVG的path元素默认会用黑色填充路径包围的区域，哪怕你没显式设置fill属性。要实现仅显示边框的效果，只需要给path加上fill="none"属性就行啦。

修改后的完整代码 #

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

关键说明 #

• fill="none"：明确告诉SVG不要填充路径内部的区域，只保留边框线条
• stroke="black"：保持你原来设置的边框颜色，你也可以改成其他颜色比如stroke="red"
• 如果需要调整边框粗细，还可以额外加上stroke-width属性，比如stroke-width="2"让线条更粗一点

这样修改后，path就只会显示黑色的正方形边框，内部完全透明啦！

内容的提问来源于stack exchange，提问作者Ryan Hinchliffe