如何向raphael js元素添加文本

How to add text to a raphael js element

本文关键字：元素 添加 文本 js raphael      更新时间：2023-09-26

我想为raphael js中的元素添加文本，我用

添加了文本
r.text(30, 20, "ellipse").attr({fill: color});

但是如何添加这个文本到

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

对

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)

你可以很容易地添加文本到你的元素创建一个text Raphael元素，并添加属性text到你的元素。

 elText = r.text(.....);
 yourEl.attr({text:elText});
相关文章：