Javascript 如何解决路径填充颜色问题

这是我的密码

<svg height="210" width="400">
  <path stroke="#C4C24A" fill="red" d="M50 50 L100 50 L100 100 L150 100" />
</svg>

在这段代码中，我使用了fill和stroke，而在运行这段代码时，fill和stroke都被应用。在这里，我使用移动到行到行

另一个,

<svg height="210" width="400">
  <path stroke="#C4C24A" fill="red" d="M50 50 L100 50 
  M100 50 L100 100 
  M100 100 L150 100" />  
</svg>

在这段代码中，我使用了MoveTo LineTo MoveTo LineTo。。此处显示相同的输出，但未应用填充颜色

---

为什么?？在第一个示例中，我需要在不应用填充颜色的情况下显示输出，在不更改路径和填充的情况下我能做什么？

这个示例可能会澄清这一点：

---

这个例子可能会澄清这一点：

---

这个例子可能会澄清这一点：

---

这个例子可能会澄清这一点：