错误：<path>属性的值无效

Question

我使用SVG中的路径绘制了二次贝塞尔曲线。我有所需的输出，但显示控制台错误，

错误：＆lt; path＆gt;的值无效属性d =“M 10 20 Q 15 8 15 20 Z M 15 20 Q 20 23 20 13 0 Z”。

这是我的代码段：

<svg>
<path fill="#C4C24A" stroke-width="1" stroke="#C4C24A" opacity="1" d="M 10 20 Q 15 8 15 20 Z M 15 20 Q 20 23 20 13 0  Z" >
</path>
</svg>

Fiddle Link

任何人都可以帮我解决这个问题。

谢谢，Dharani。

Answer 1

您正在使用Z关闭路径两次，因此，为一个标记添加两个不同的路径。

使用不同的路径标记或从d属性中删除一个Z