Signature_pad: Leinwandgröße ansprechend
Hi,
Ich muss ein responsives Unterschriftenpad mit 100 % Breite und einer bestimmten Höhe (300 Pixel) erstellen.
Wie kann ich das machen?
50l3r
Alle 3 Kommentare
@50l3r hast du das geschafft?
@szimek irgendwelche Vorschläge bitte? :) Ich sehe, dass dafür ein PullRequest existiert, der alt ist :)
https://github.com/szimek/signature_pad/pull/100
mihai-gritcan
am 22. Aug. 2017
Afaik, Sie können die Canvas-Breite nicht auf einen Prozentsatz einstellen, aber Sie können das Canvas-Element in einen Container mit einer Breite von 100% platzieren und dann die genaue Breite des übergeordneten Elements mit jQuery lesen. Dann können Sie die Leinwandbreite manuell einstellen. Tun Sie dies, bevor Sie SignaturePad initialisieren.
var canvas = document.querySelector("canvas");
var parentWidth = $(canvas).parent().outerWidth();
canvas.setAttribute("width", parentWidth);
this.signaturePad = new SignaturePad(canvas);
Amsvartner
am 12. Sept. 2017
Entschuldigung für die Verspätung.
Es klappt :)
50l3r
am 29. Apr. 2018
Verwandte Themen
derUli
·
3Kommentare
kevinchung1026
·
5Kommentare
rmmackay
·
7Kommentare
Emmark
·
4Kommentare
Sparticuz
·
7Kommentare
Hilfreichster Kommentar
Afaik, Sie können die Canvas-Breite nicht auf einen Prozentsatz einstellen, aber Sie können das Canvas-Element in einen Container mit einer Breite von 100% platzieren und dann die genaue Breite des übergeordneten Elements mit jQuery lesen. Dann können Sie die Leinwandbreite manuell einstellen. Tun Sie dies, bevor Sie SignaturePad initialisieren.
var canvas = document.querySelector("canvas");var parentWidth = $(canvas).parent().outerWidth();canvas.setAttribute("width", parentWidth);this.signaturePad = new SignaturePad(canvas);