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"으로 변경하면 문제가 해결됩니다.