Signature_pad: Ukuran kanvas responsif
Hai,
Saya perlu membuat pad tanda tangan responsif dengan lebar 100% dan tinggi spesifik (300px)
Bagaimana saya bisa melakukan ini?
50l3r
Semua 3 komentar
@50l3r apakah Anda bisa melakukannya?
@szimek ada saran tolong ? :) Saya melihat PullRequest ada untuk itu, dan sudah tua :)
https://github.com/szimek/signature_pad/pull/100
mihai-gritcan
pada 22 Agu 2017
Afaik Anda tidak dapat mengatur lebar kanvas ke persentase, tetapi Anda dapat menempatkan elemen kanvas dalam wadah yang lebarnya disetel ke 100%, lalu baca lebar persis elemen induk tersebut dengan jQuery. Kemudian Anda dapat mengatur lebar kanvas secara manual. Lakukan ini sebelum Anda menginisialisasi SignaturePad.
var canvas = document.querySelector("canvas");
var parentWidth = $(canvas).parent().outerWidth();
canvas.setAttribute("width", parentWidth);
this.signaturePad = new SignaturePad(canvas);
Amsvartner
pada 12 Sep 2017
Maaf atas keterlambatan.
Berhasil :)
50l3r
pada 29 Apr 2018
Masalah terkait
hostcia
·
6Komentar
khawye
·
4Komentar
derUli
·
3Komentar
jsruok
·
11Komentar
cristhianDt
·
7Komentar
Komentar yang paling membantu
Afaik Anda tidak dapat mengatur lebar kanvas ke persentase, tetapi Anda dapat menempatkan elemen kanvas dalam wadah yang lebarnya disetel ke 100%, lalu baca lebar persis elemen induk tersebut dengan jQuery. Kemudian Anda dapat mengatur lebar kanvas secara manual. Lakukan ini sebelum Anda menginisialisasi SignaturePad.
var canvas = document.querySelector("canvas");var parentWidth = $(canvas).parent().outerWidth();canvas.setAttribute("width", parentWidth);this.signaturePad = new SignaturePad(canvas);