Question

嘿，我正在尝试更改我使用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，但这会引发错误......

Answer 1

改为使用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'
})

SVG JS - 文本颜色

1 个答案: