Javascript JQuery SVG不工作

我正在尝试创建一个循环页面，页面周围有选项卡，SVG路径不会附加到html中

任何帮助都将不胜感激。自从我开始使用Java以来，我已经很久没有使用JS了，所以我的技能已经过时了

var tabs = 10;
var radius = 500;
var xcords = [];
for (var i = 1; i <= tabs; i++) {
    xcords[xcords.length] = radius + Math.cos(36 * i + 18) * radius;
}
var ycords = [];
for (var i = 1; i <= tabs; i++) {
    ycords[ycords.length] = radius + Math.sin(36 * i + 18) * radius;
}
$(document).ready(function(){
    for (var i = 1; i < tabs; i++) {
        $(".svg").prepend("<path class='piece' />");
        $(".piece").attr({
            "d" : "M" + xcords[i] + "," + ycords[i] + "L500,500 L" + xcords[i + 1] + "," + ycords[i + 1] " A500,500 0 0,0 " + xcords[i] + "," + ycords[i] + " Z"
        });
    }
    $(".piece").mouseenter(function() {
        $(this).fadeTo(100, 0.7);
    });
    $(".piece").mouseleave(function() {
        $(this).fadeTo(100, 1);
    });
    $(".piece").click(function() {
        $(".center").attr("fill",$(this).attr("fill"));
    });
});

---

我知道数组id不够大，无法获取XWord[11]，但解决方案会很有帮助。

您还记得在使用Java之后如何打开控制台吗？在那里的某个地方有一个丢失的+，让我们看看你是否能发现它？见鬼，它在这里YCODS[i+1]A500500,0