Javascript 简单SVG路径不工作

Javascript 简单SVG路径不工作,javascript,html,canvas,svg,Javascript,Html,Canvas,Svg,我试过一些基本的例子,比如text、rect、circle,一切都很顺利。我刚移动到路径元素。我很难在浏览器中查看路径。这是我使用的代码片段 <svg width="500" height="200"> <path d="M 20 35 L 120 100 Z"> </path> </svg> 但它似乎不起作用。我已经测试了chrome和firefox。有没有人能用正确的方法解决这个问题。提前谢谢。 另外,我刚刚创建了一个小提琴尝试添

我试过一些基本的例子,比如text、rect、circle,一切都很顺利。我刚移动到
路径
元素。我很难在浏览器中查看路径。这是我使用的代码片段

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

但它似乎不起作用。我已经测试了chrome和firefox。有没有人能用正确的方法解决这个问题。提前谢谢。
另外,我刚刚创建了一个小提琴

尝试添加
笔划
笔划宽度
属性来显示路径:

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

SVG测试

笔划的初始值为,这意味着除非以某种方式指定颜色。