在RaphaelJS元素中添加HTML

时间:2012-12-03 08:56:15

标签: javascript html raphael

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

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

1 个答案:

答案 0 :(得分: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>');

希望这个帮助足够。