且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

使用Raphael.js绘制图像

更新时间:2023-11-10 12:43:46

只需使用普通CSS技术将Raphaël画布置于图像元素的顶部即可:

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;
}

然后嵌套您的元素:

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

这是一个完整的示例