2011-05-03 7 views
0

저는 이탈리아 사람입니다. 그래서 나쁜 영어로 실례합니다. 문제는 이것입니다 ....IPad : Safari 및 HTML5. 그래픽로드가 매우 느립니다.

HTML5로 IPad1에서 사용할 수있는 웹 사이트를 개발하려고합니다. 나는 면적 측정법을 사용해야합니다. 이 Planimetry를 만들기 위해 Xml 파일에서 X 좌표와 Y 좌표를 가져 왔으며 SVG 'path'태그로 그려 왔습니다. 문제는 손가락으로, IPad에서 상호 작용할 때, 계측 이미지로드가 무거워서입니다. 내가 계측기에 추가하고 손가락으로 회전 또는 traslation ...에서 그것을 수정 도구 팁, 같은 모든 종류의 ... 점프. 내 CSS 파일

#path { -webkit-transform: translateZ(0); } 

아무것도하지만,이 코드를 추가하여 하드웨어 가속을 활성화 해결하기 위해 노력! 변경 없음. (내가 사파리에 대해 이야기하는 포럼에서이 솔루션을 읽었습니다.)

어쩌면 문제는 내가 수천 개의 경로 태그 (선과 폴리 라인과 같은)를 그려야한다는 것입니다.

나는 사람이 문제는 프로세서가 그리기 처리 할 수 ​​단순히 있다는 것입니다 사전

+0

경로를 단순화 할 수 있습니까? 그것들은 모두 한 번에 화면에 표시됩니다 - 주어진보기에서 볼 수있는 항목 만로드 할 수 있습니다. @Taze에서 고정 된 이미지 배경을 시도해 볼 수도 있습니다 - 각 레벨에 대한 이미지 타일 세트를 렌더링하고 매핑 엔진에서와 같이 서로 바꿔줌으로써 다른 줌 레벨을 얻을 수 있습니다 (많은 작업이 필요합니다) – peteorpeter

답변

0

나에게 곧

감사합니다 도움이 될 희망 짧은 시간에 많은 부분.

HTML5에서 <canvas> 태그를 그릴 것입니다. 그러면 이미지를 비트 맵으로 캐시하여 페이지를 이동할 때 다시 그릴 필요가 없습니까?

+0

문제는 면적 측정에 대화식으로! 손가락 하나로 터치 이벤트를 캡처해야합니다. 예를 들어, 사용자가 특정 룸을 터치하면 툴팁이 표시되고 해당 룸에 대한 정보 만 표시됩니다. 그런 다음, 평면 측정의 이미지와 함께 확대하면 품질이 떨어집니다. 맞습니까? – kinghomer

+0

이 응답을 수락하지만 해결책이 아닙니다. – kinghomer