Signature_pad: Gambar rusak di perangkat iOS 13

Dibuat pada 24 Sep 2019 · 3Komentar · Sumber: szimek/signature_pad

Gambar rusak di perangkat iOS 13.

Saya dapat menggambar garis horizontal lurus tetapi jika saya mencoba menggambar garis vertikal, itu hanya menggambar satu titik dan halaman bergulir ke atas dan ke bawah alih-alih menggambar.

Saya memverifikasi dengan XCodes iOS Simulator bahwa itu berfungsi di perangkat iOS 12.

Bug juga dapat direproduksi dengan demo signature_pad resmi http://szimek.github.io/signature_pad/

Kutipan dari catatan rilis 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

Mungkinkah ini penyebab bug ini?

Sumber

derUli

Komentar yang paling membantu

itu juga diperbaiki di iOS 13.1

victor-perez pada 25 Sep 2019

👍3

Semua 3 komentar

Cara termudah untuk memperbaikinya adalah dengan menambahkan pembungkus dengan ontouchmove="return false"

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

victor-perez pada 24 Sep 2019

itu juga diperbaiki di iOS 13.1

victor-perez pada 25 Sep 2019

👍3

Saya harus melampirkan event handler onTouchMove ke div wadah root dari aplikasi reaksi kami.
Tidak berfungsi jika saya hanya membungkus kanvas dalam div dengan event handler itu.
Namun ini menonaktifkan pengguliran pada perangkat sentuh sepenuhnya.
Jadi saya harus secara dinamis melampirkan dan melepaskan acara ontouchmove ketika pengguna mengklik kanvas.

derUli pada 27 Sep 2019

Apakah halaman ini membantu?

0 / 5 - 0 peringkat