错误:<的值无效;路径>属性

Error: Invalid value for <path> attribute

本文关键字:路径 属性 gt 无效 lt 错误      更新时间:2023-09-26

我使用SVG中的路径绘制了一条二次贝塞尔曲线。我得到了所需的输出,但它显示控制台错误,

错误:<的值无效;路径>属性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

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

谢谢,达拉尼。

您用Z关闭了两次路径,因此,将两个不同的路径添加到一个标记中。

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