使用Raphael.js在图像上绘图

Question

我可以将Raphael.js画布放在IMG元素上吗？我应该做什么使这个布局工作？

Answer 1

拉斐尔帆布简单地放在正常使用CSS技术的图像元素的顶部：

#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。

Answer 2

的z-index：2或为拉斐尔一些高数 “纸” 的div（又名你拉斐尔油画...您的参考：

VAR纸=拉斐尔（ 'somediv'，100，400 ）

所以只是去你的CSS和#somediv确保你把它的z-index下，然后把你的文字div的z-index的高...