如何将文本添加到Raphael js元素

Question

我想向raphael js中的元素添加文本，我已经添加了

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

但是如何将文本添加到

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

问候

Answer 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)

Answer 2

您可以轻松地向您的元素添加文本，以创建文本Raphael元素，并作为属性文本添加到您的元素中。

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