更改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"，它應該適合你。