2014-03-28 97 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

謝謝!這很奇怪,與糖不一致,但工程.. –