Raphael.js를 사용하여 이미지 그릴

Question

IMG 요소 위에 Raphael.js 캔버스를 배치 할 수 있습니까? 이 레이아웃이 작동하도록하려면 어떻게해야합니까?

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- 인덱스 : 당신에 의해 2 참조하거나 라파엘에 대한 몇 가지 높은 숫자 "종이"사업부 (일명 라파엘 캔버스 ... = 라파엘 ('somediv'

VAR 종이, (100), (400))

그래서 그냥 ...