在RaphaelJS元素中添加HTML

Question

我正在使用以下简单的RaphaelJS代码在我的html页面中创建一个圆圈。我想问一下，我是否可以通过某种方式将自己的html添加到我刚用Raphael绘制的圆圈中。

使用绝对定位可以在对象内添加文本，但是如何添加我自己的html，例如div，图像或其他在圈内（或矩形等），最好不要绝对定位。

Answer 1

看看RaphaelJS-Infobox：

  

这是一个简单的JS助手，可以自动在RaphaelJS容器中放置HTML元素。

请测试并告诉我，这是一个简单的例子：

var paper = Raphael("raphael-canvas", 500, 500);
var infobox = new Infobox(paper, {x:10,y:10, width:250, height:250});
infobox.div.html('<p>This is some crazy content that goes inside of that box that will wrap around.</p>');

希望这个帮助足够。