javascript - 在createElementNS()之后更改字体颜色

即时通讯正在制作游戏，并尝试在最后显示高分。当前的用户名应以其他颜色突出显示，但我无法使用它。
当我尝试更改字体大小以进行测试时，它仍然有效！

var nameSpan = svgdoc.createElementNS("http://www.w3.org/2000/svg", "tspan");

nameSpan.setAttribute("x", 130);
nameSpan.setAttribute("dy", 30);

var nameTextNode = svgdoc.createTextNode(record.name);

if (record.name == playerName){
    nameSpan.style.fontColor = "red"; // does not work
    nameSpan.style.color = "blue"; // does not work
    nameSpan.style.fontSize = "100px"; // works fine
}

nameSpan.appendChild(nameTextNode);

我尝试了其他方法来应用颜色（上面可以看到其中的2种颜色），但是它始终保持黑色。

最佳答案

SVG文本未使用颜色着色。而是使用填充和描边，以便您可以分别为轮廓着色。将其更改为nameSpan.style.fill = "blue"，它应该适合您。