在拉斐尔设置文本背景颜色

Question

我正在使用Raphael-js在画布上定位文字。是否可以为文本设置背景颜色？我希望不同的文本元素具有不同的背景颜色。

谢谢，

Answer 1

是的，无法指定文本的背景，以下是如何创建将用作背景的矩形：

var text = canvas.text(p.x, p.y, poly.title).attr(textAttr);
var box = text.getBBox();
var rect = canvas.rect(box.x, box.y, box.width, box.height).attr('fill', 'black');
text.toFront();

Answer 2

文本的背景称为“填充”，可以使用attr函数应用，如下所示：

paper.text(50, 50, "Example").attr("fill", "#000000");

有关这些属性的完整列表，请参阅Raphael Documentation