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

Question

我正在构建一个游戏并尝试在最后显示高分。当前用户名应该用不同的颜色突出显示，但我无法让它工作。当我出于测试目的尝试更改字体大小时，它仍然有效!

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 种可以在上面看到)但它一直保持黑色。

Answer 1

SVG 文本不使用颜色着色。相反，它使用填充和描边，因此您可以单独为轮廓着色。将内容更改为 nameSpan.style.fill = "blue"，它应该适合您。