2012-10-07 2 views
1

두 개의 캔버스를 만들고 각 캔버스에 각각 1 개의 사각형이있는 페이지가 있습니다. 하나의 사각형을 다른 사각형에 겹치기를 원하지만 항상 캔버스의 끝으로갑니다. 하나의 캔버스를 사용하여 다른 사각형 위에 하나의 사각형을 쉽게 오버레이 할 수 있지만 두 개의 캔버스를 사용하여 사각형을 오버런 할 수 있다는 것을 알고 있습니다.Raphael js overlav multiple canvases

두 개의 div 태그 컨테이너 & container1을있다. 컨테이너 1 div는 컨테이너 div 태그 안에 있습니다. 컨테이너 1 div도 페이지의 중앙에 있어야합니다.

JS 바이올린 Link

답변

4

캔버스는 기본적으로는 공급 용기 요소 내에 단지 SVG 요소이므로, 이는 동일한 컨테이너의 다른 요소에 대하여 div 요소 위치의 문제이다. container1에 'position : absolute'를 사용해야 할 것입니다.

+1

'position : absolute'를 사용하여 수행 할 수 있지만 div는 페이지 중앙에 남아 있지 않습니다. –

+3

@ user1688606 사실입니다. 물론 다른 div에 배치하여 해결할 수 있습니다. 뭔가가 http://jsfiddle.net/P9Ebd/15/ – Qnan

+0

그것은 훌륭합니다. 왜 그렇게 생각하지 않았습니까? D 도움을 주셔서 감사합니다. –

관련 문제