简单的 SVG 路径不起作用

Question

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

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

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

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>