Can I put a Raphael.js canvas over an IMG
element? What should I do make this layout work?
views:
184answers:
1
+3
A:
Simply position the Raphaël canvas over the top of the image element using normal CSS techniques:
#wrapper {
position: relative;
padding: 0;
outline: 1px solid #999;
}
#wrapper img {
position: absolute;
top: 0;
left: 0;
}
#canvas {
position: absolute;
top: 0;
left: 0;
}
Then nest your elements like this:
<div id="wrapper">
<img src="myimage.jpg">
<div id="canvas">
</div>
</div>
robertc
2010-08-12 00:14:26