简单的 SVG 路径不起作用答案

【问题标题】：Simple SVG Path not working简单的 SVG 路径不起作用
【发布时间】：2020-01-23 20:15:58
【问题描述】：

我尝试了一些基本的例子，比如文本、矩形、圆圈，一切都很好。我刚搬到Path 元素。我很难在浏览器中查看路径。这是我使用的代码sn-p

<svg width="500" height="200">
    <path d="M 20 35 L 120 100 Z"> </path>
</svg>

但似乎它不起作用。我已经测试过chrome和firefox。有人可以以正确的方式弄清楚。提前致谢。我也刚刚创建了一个小提琴here

【问题讨论】：

【解决方案1】：

尝试添加stroke和stroke-width属性来显示路径：

<svg width="500" height="200">
    <path stroke="#f00" stroke-width="3" d="M 20 35 L 120 100 Z"> </path>
</svg>

或者像这样添加第三点：

<svg width="500" height="200">
    <text y="20">SVG Test</text>
    <path d="M 20 35 L 120 100 L 0 100 Z"> </path>
</svg>

【讨论】：