Signature_pad: iOS 13 기기에서 그림이 깨졌습니다.

에 만든 2019년 09월 24일 · 3코멘트 · 출처: szimek/signature_pad

iOS 13 장치에서 그림이 깨졌습니다.

수평선은 직선으로 그릴 수 있지만 수직선을 그리려고 하면 한 점만 그려지고 페이지가 그림 대신 위아래로 스크롤됩니다.

iOS 12 장치에서 작동하는 XCodes iOS 시뮬레이터로 확인했습니다.

버그는 공식 signature_pad 데모 http://szimek.github.io/signature_pad/ 에서도 재현할 수 있습니다

Safari 13 릴리스 노트의 인용문:

Added support for one-finger accelerated scrolling to all frames and overflow:scroll}}elements eliminating the need to {{set-webkit-overflow-scrolling: touch.

Changed the default behavior on iPad for wide web pages with responsive meta-tags that require horizontal scrolling. Pages are scaled to prevent horizontal scrolling and any text is resized to preserve legibility.

https://developer.apple.com/documentation/safari_release_notes/safari_13_release_notes

이것이 이 버그의 원인이 될 수 있습니까?

출처

derUli

가장 유용한 댓글

iOS 13.1에서도 수정되었습니다.

victor-perez 에 2019년 09월 25일

👍3

모든 3 댓글

이 문제를 해결하는 가장 쉬운 방법은 ontouchmove="return false" 로 래퍼를 추가하는 것입니다.

<div ontouchmove="return false">
    <canvas id="signature" />
</div>

victor-perez 에 2019년 09월 24일

iOS 13.1에서도 수정되었습니다.

victor-perez 에 2019년 09월 25일

👍3

반응 앱의 루트 컨테이너 div에 onTouchMove 이벤트 핸들러를 연결해야 했습니다.
해당 이벤트 핸들러를 사용하여 div에 캔버스를 래핑하면 작동하지 않습니다.
그러나 이것은 터치 장치에서 스크롤을 완전히 비활성화합니다.
그래서 사용자가 캔버스를 클릭할 때 ontouchmove 이벤트를 동적으로 연결하고 분리해야 했습니다.

derUli 에 2019년 09월 27일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Signature_pad: iOS 13 기기에서 그림이 깨졌습니다.

가장 유용한 댓글

모든 3 댓글

관련 문제