2014-03-28 74 views
0

嘿,我试图改变我使用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()); 

但文字显示在黑色反正。任何想法我做错了什么?我试过用text-color代替color,但是会引发错误...

+0

你能看看我的答案吗?它工作? – Roberto

+0

对不起正忙于其他事情。但是,它运作良好! :) – suMi

回答

2

使用fill属性代替。

我创建了一个用的jsfiddle一个小例子: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' 
}) 
+0

但是,如何获取当前元素的颜色?我尝试了txt.font()。fill但没有结果。 –

+1

尝试:'txt.attr('fill')' – Roberto

+0

谢谢!这很奇怪,与糖不一致,但工程.. –