안드로이드의 PhoneGap : 원과 폴리곤 영역이 HTML 이미지 맵에서 직사각형 역할을합니다.

Question

HTML5/JavaScript 앱을 개발 중입니다. 터치 된 영역을 감지하기 위해 HTML 이미지 맵을 사용하는 하나의 대화식 작업이 있습니다. Android 4.0.4에서. PhoneGap은 "circle"과 "poly (gon)"영역 유형을 이들을 둘러싸는 직사각형으로 변환하는 것처럼 보입니다. 이 문제를 해결할 수 있습니까 아니면 그냥 (아마도 브라우저 관련) 버그입니까?

동일한 문제가있는 사람이 PhoneGap Google Groups인데 해결책이 없습니다. 웹킷/웹보기 탭 따르면

Answer 1

HTML

<img class="map" src="..." usemap="..." hidefocus="true" /> 

및 CSS

img.map{ 
outline: none; 

}

Answer 2

나는 웹보기 최신 안드로이드 버전과 비슷한 문제가 무엇입니까 (폰갭을 축복하는하지)/온 클릭 기본 강조 표시 (Android Ice Cream Sandwich)는 다음과 같이 제안됩니다.

* { 
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
    -webkit-tap-highlight-color: transparent; /* For some Androids */ 
} 

잘하면이 도움이 될 수 있습니다.