Android에서 페인트 이슈

Question

이것은 v2.9를 사용하는 PhoneGap 앱입니다. Android 4.2.1 Galaxy S3을 사용하고 있습니다. 최종 사용자가 그래프의 끝으로 스크롤하고 시작 부분으로 돌아갈 수있는 스 와이프 이벤트가 있습니다. 그래프가 올바르게 스크롤되는 페인트 문제가있는 것 같지만 추가로 클릭 할 수없는 그래프가 남습니다. 나는 비디오 시연이 있습니다

여기 http://youtu.be/4gpyIQhS04Q

더욱 실망 것입니다 : 나는 AndroidManifest.xml에 하드웨어 가속을 사용하지 않도록 설정하면 문제가 발생하지 않지만, 나는 면도기를 사용하여 동일한 테스트를 수행하는 경우 최대 실행 4.2.2, 그래프는 웹보기에 표시되지 않습니다 (가속 사용 안함).

또 다른 이상한 점은 맨 위의 그래프에서만 발생한다는 것입니다. 예 : 파란색 그래프를 삭제하면 녹색 그래프가 동작을 표시하고, 녹색 그래프를 삭제하면 노란색 그래프가 동작을 표시합니다. Android WebView Hardware Rendering Weird Artifact Issue

그것은 내가 올바른 요소에 CSS를 넣어되지 않은 밝혀 :

이

은의 잘 속는 사람이었다.

Answer 1

CSS에 아래 내용을 추가해보십시오. 성능을 향상시키고 고스트 현상, 말더듬 및 렌더링 문제를 줄일 수 있습니다.

-webkit-transform: translate3d(0,0,0); 
transform: translate3d(0,0,0);