2013-10-10 3 views
0

하나의 Path 객체가있는 단일 Kineticjs 레이어가 있습니다. 이 캔버스를 렌더링하고있는 웹 페이지에는 단추 및 레이블과 같은 다른 html 컨트롤이 있습니다. 이제 각 경로 객체에는 도구 설명 (기본적으로 Kineticjs 레이블 및 태그)이 있습니다. 문제는 이러한 툴팁이 버튼이나 라벨과 같은 다른 HTML 컨트롤 아래에 나타나는 것입니다. 이러한 각 경로의 Z- 색인을 제어 할 수 있습니까 (단 하나의 계층이 아닌) 다른 HTML 컨트롤 위나 아래에 표시 할 수 있습니까?Kineticjs 경로 zorder - 위의 모든 컨트롤

답변

1

아니요. KineticJS를 통해 렌더링하는 모든 내용은 문서 및 기타 요소에 대해 인 입니다.

필요한 z- 색인당 별도의 KineticJS 캔버스를 만들어야합니다.

+0

+1 정확함. 다른 html 요소가있는 키네틱 컨테이너가있는 경우 다른 모든 html 요소 위에 두 번째 키네틱 툴팁 컨테이너를 만들어야합니다. 또한 툴팁 표시가 끝나면 두 번째 키네틱 컨테이너를 화면 밖으로 이동시켜야 이벤트가 HTML 요소에 도달 할 수 있습니다. – markE

+0

고마워요! 그러나 각 경로를 Z- 순서를 제어하기 위해 자체 캔버스에 렌더링하면 1,000 개의 경로 (각 경로가 각각 업데이트 됨)가 있으면 성능에 영향을 미치게됩니다. – Vik

+1

단지 3 "z 레벨". 하단 : 키네틱 컨테이너 # 1에 툴팁이 아닌 경로 오브젝트를 넣으십시오. 중간 : 귀하의 HTML 요소를 넣어. 위 : 키네틱 컨테이너 # 2에 툴팁을 넣으십시오. – markE