Как добавить текст в элемент raphael js

Я хочу добавить текст к элементу в raphael js, Я добавил текст с помощью

r.text(30, 20, "ellipse").attr({fill: color});

Но как добавить этот текст в

ec = r.ellipse(190, 100, 30, 20);

рассматривает

Ответы

Ответ 1

У Raphael нет дочерних/родительских отношений между элементами, поэтому вы установите для них одинаковое положение, например.

ec = paper.ellipse(190, 100, 30, 20);
paper.text(190, 100, "ellipse").attr({fill: '#ff0000'});

Итак, если вы хотите использовать эллипс с текстом, создайте свой собственный объект JavaScript, который обрабатывает позиционирование обоих.

или альтернативный способ состоит в группировке элементов через set например.

var eltext = paper.set();
el = paper.ellipse(0, 0, 30, 20);
text = paper.text(0, 0, "ellipse").attr({fill: '#ff0000'})
eltext.push(el);
eltext.push(text);
eltext.translate(100,100)

Ответ 2

Вы можете легко добавить текст к элементам youR, создавая элемент текста Рафаэля и добавляя в свой элемент текст.

 elText = r.text(.....);
 yourEl.attr({text:elText});