SVG JS - text color

Question

Hei,I'm trying to change the text color of a text that I'm adding using svg js. my code looks like this:

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());

but the text appears in black anyways. any ideas what I'm doing wrong? I've tried to use text-color instead of just color, but that throws an error...

sorry was busy with other things. but yes it's working well! :) — suMi, Mar 31 '14 at 13:03

score 2 · Accepted Answer · answered Mar 28 '14 at 15:30

2

Use fill attribute instead.

I've created a JSFiddle with a small example: 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'
})

answered Mar 28 '14 at 15:30

Roberto

8,586
3
42
53

But how do I get the current element's color? I tried with txt.font().fill but with no result.. – Joaquín L. Robles May 04 '15 at 21:22
1

Try: `txt.attr('fill')` – Roberto May 05 '15 at 09:37

SVG JS - text color

1 Answers1