简单的SVG路径无法正常工作

Question

我尝试了一些基本的例子，如文字，矩形，圆形，一切都很顺利。我刚搬到Path元素。我很难在浏览器中查看路径。这是我使用的代码片段

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

但似乎不起作用。我测试过chrome和firefox。有人能以正确的方式弄清楚。提前致谢。 我还创造了一个小提琴here

Answer 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>