Signature_pad: FromDataURL mengurangi ukuran gambar

Dibuat pada 15 Mei 2015  ·  7Komentar  ·  Sumber: szimek/signature_pad

Halo,

Jika saya menyimpan tanda tangan ke database menggunakan fungsi toDataURL() , dan kemudian saya memuat string itu kembali ke kanvas menggunakan fungsi fromDataURL() , maka gambar yang dihasilkan muncul di kanvas tetapi terasa lebih kecil dari gambar aslinya.

Untuk menguji, gambarkan kanvas di sepanjang 4 tepinya. Simpan lalu muat ulang. Anda akan melihat bahwa sisi kanan dan sisi bawah gambar sekarang memiliki ruang antara gambar dan batas karena gambar dibuat sedikit lebih kecil.

Karena saya menyimpan ulang gambar berulang-ulang untuk alasan yang baik, mereka terus menyusut dengan setiap penyimpanan!!!

Membantu!

Komentar yang paling membantu

Untuk membuat ukuran gambar yang sama, Anda dapat menambahkan opsi
signaturePad.fromDataURL(data, {width: 100, height: 100})
lebar, tinggi harus sama dengan ukuran kanvas
Keterangan lebih lanjut:
https://github.com/szimek/signature_pad/blob/master/src/signature_pad.ts

Semua 7 komentar

Hmm, ini hanya terjadi di Retina Display, saya baru saja mereproduksinya. Anda harus menghadapinya sendiri entah bagaimana, pembuatnya sudah berkali-kali mengatakan bahwa perpustakaan tidak boleh mengurus ini.

Tampaknya ini menyelesaikan masalah:
http://jsfiddle.net/4JH75/19/

Saya mengalami masalah yang sama dengan rasio piksel perangkat 1. Adakah bantuan?

Untuk membuat ukuran gambar yang sama, Anda dapat menambahkan opsi
signaturePad.fromDataURL(data, {width: 100, height: 100})
lebar, tinggi harus sama dengan ukuran kanvas
Keterangan lebih lanjut:
https://github.com/szimek/signature_pad/blob/master/src/signature_pad.ts

Berkat jawaban terakhir Anda, kami sekarang dapat memperbaiki masalah dengan masalah penskalaan fromDataURL, harus menutup masalah ini.

Terima kasih banyak atas tanggapannya "demo-igor"

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

chitgoks picture chitgoks  ·  5Komentar

crazzeto picture crazzeto  ·  8Komentar

c2ofh picture c2ofh  ·  7Komentar

50l3r picture 50l3r  ·  3Komentar

lowe493 picture lowe493  ·  5Komentar