在Raphael中設置文本背景顏色

Question

我正在使用Raphael-js在畫布上定位文本。是否可以爲文本設置背景顏色？我希望不同的文本元素具有不同的背景顏色。

謝謝，

Answer 1

文本的背景被稱爲「填充」，並且可以使用attr功能如下被應用：

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

有關屬性的完整列表，請參閱Raphael Documentation

Answer 2

是的，沒有辦法指定文字的背景，下面是如何創建矩形作爲背景：

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