使用raphael.js绘制图像

使用正常的CSS技术,只需将Rapha_ l画布放置在图像元素的顶部:

#wrapper {
    position: relative;
    padding: 0;
    outline: 1px solid #999;
}
#wrapper img {
    position: absolute;
    top: 0;
    left: 0;
}
#canvas {
    position: absolute;
    top: 0;
    left: 0;
}

然后像这样嵌套元素:

<div id="wrapper">
    <img src="myimage.jpg">
    <div id="canvas">  
    </div>
</div>

Here's a full example .

z-index:2或者拉斐尔“纸”分区的一些高数字(也就是拉斐尔画布…你指的是:

var paper=raphael('somediv',100,400)

所以,只要转到你的CSS,在somediv,确保把它的z索引放低,然后把你的文本div的z索引放高…