Рисование изображения с использованием Raphael.js

Могу ли я разместить холст Raphael.js над IMGэлементом? Что мне делать, чтобы этот макет работал?

javascript,html,css,raphael,

8

Ответов: 2


16 принят

Просто расположите холст Рафаэля поверх элемента изображения, используя обычные методы 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>

Вот полный пример .


0

z-index: 2 или какое-то большое количество для raphael «paper» div (также известный как холст raphael), на который вы ссылаетесь:

была бумага = Рафаэль («somediv», 100, 400)

поэтому просто перейдите в свой css и в #somediv убедитесь, что вы поместили его в z-index ниже, а затем поместите свой индекс z в div div выше ...

JavaScript, HTML, CSS, Рафаил,
Похожие вопросы