Signature_pad: Zeichnung ist auf iOS 13-Geräten defekt
Die Zeichnung ist auf iOS 13-Geräten defekt.
Ich kann gerade horizontale Linien zeichnen, aber wenn ich versuche, vertikale Linien zu zeichnen, wird nur ein Punkt gezeichnet und die Seite scrollt auf und ab, anstatt zu zeichnen.
Ich habe mit XCodes iOS Simulator überprüft, dass es auf iOS 12-Geräten funktioniert.
Der Fehler kann auch mit der offiziellen Signature_pad-Demo http://szimek.github.io/signature_pad/ reproduziert werden.
Ein Zitat aus den Versionshinweisen von 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
Könnte dies die Ursache für diesen Fehler sein?
derUli
Alle 3 Kommentare
Der einfachste Weg, dies zu beheben, besteht darin, einen Wrapper mit ontouchmove="return false" hinzuzufügen
<div ontouchmove="return false">
<canvas id="signature" />
</div>
victor-perez
am 24. Sept. 2019
es ist auch in iOS 13.1 behoben
victor-perez
am 25. Sept. 2019
Ich musste den onTouchMove-Ereignishandler an das Root-Container-Div unserer React-App anhängen.
Es funktioniert nicht, wenn ich die Leinwand einfach mit diesem Ereignishandler in ein div einfüge.
Dies deaktiviert jedoch das Scrollen auf Touch-Geräten vollständig.
Also musste ich das ontouchmove-Ereignis dynamisch anhängen und trennen, wenn der Benutzer auf die Leinwand klickt.
derUli
am 27. Sept. 2019
Verwandte Themen
rmmackay
·
7Kommentare
siggifv
·
3Kommentare
Sparticuz
·
7Kommentare
Emmark
·
4Kommentare
c2ofh
·
7Kommentare
Hilfreichster Kommentar
es ist auch in iOS 13.1 behoben