SVG JS - 텍스트 색상

안녕하세요, 저는 svg js를 사용하여 추가 할 텍스트의 텍스트 색상을 변경하려고합니다.SVG JS - 텍스트 색상

var elecChangeText=elecChange.toString(); 
var elecPercentageText = energyArrow.text(elecChangeText); 

elecPercentageText.font({ 
    family: 'Helvetica', 
    size:  30, 
    color: "#ffffff", 
}) 
elecPercentageText.cx(energyArrow.cx()); 
elecPercentageText.cy(energyArrow.cy());

을하지만 텍스트는 어쨌든 검은 색으로 나타납니다 내 코드는 다음과 같습니다. 내가 뭘 잘못하고 있는거야? 나는 대신 color을 사용하려고 시도했지만 오류가 발생합니다 ...

출처

2014-03-28 suMi

당신이 내 대답을 살펴 수 :

나는 작은 예와 JSFiddle을 만들었습니다? 그게 효과가 있니? – Roberto

미안하지만 다른 일로 바빴습니다. 하지만 네, 잘 작동합니다! :) – suMi

대신 fill 속성을 사용하십시오. http://jsfiddle.net/2ufFn/

var draw = SVG('mysvg').size(500, 500) 
var txt = draw.text("Colored text") 
txt.font({ 
    family: 'Helvetica', 
    size:  30, 
    fill: '#ff0000' 
})

출처

2014-03-28 15:30:12 Roberto

하지만 현재 요소의 색을 어떻게 얻을 수 있습니까? 나는 txt.font()로 시도했지만 결과는 없다. –

시도해 보라.'txt.attr ('fill')' – Roberto

고마워! 그것은 꽤 이상하고 설탕과 일치하지 않지만 작동합니다 .. –

SVG JS - 텍스트 색상

답변

관련 문제