Signature_pad: Taille de la toile réactive
Salut,
J'ai besoin de créer un pavé de signature réactif avec une largeur de 100% et une hauteur spécifique (300px)
Comment puis-je faire ceci?
50l3r
Tous les 3 commentaires
@50l3r as-tu pu faire ça ?
@szimek des suggestions s'il vous plaît ? :) Je vois qu'un PullRequest existe pour ça, et c'est vieux vieux :)
https://github.com/szimek/signature_pad/pull/100
mihai-gritcan
le 22 août 2017
Afaik, vous ne pouvez pas définir la largeur du canevas sur un pourcentage, mais vous pouvez placer l'élément canvas dans un conteneur dont la largeur est définie sur 100%, puis lire la largeur exacte dudit élément parent avec jQuery. Ensuite, vous pouvez définir la largeur de la toile manuellement. Faites-le avant d'initialiser SignaturePad.
var canvas = document.querySelector("canvas");
var parentWidth = $(canvas).parent().outerWidth();
canvas.setAttribute("width", parentWidth);
this.signaturePad = new SignaturePad(canvas);
Amsvartner
le 12 sept. 2017
Désolé pour le retard.
Ça marche :)
50l3r
le 29 avr. 2018
Questions connexes
davidosuna1987
·
11Commentaires
MarcGodard
·
8Commentaires
erangaapp
·
8Commentaires
Sparticuz
·
7Commentaires
lowe493
·
5Commentaires
Commentaire le plus utile
Afaik, vous ne pouvez pas définir la largeur du canevas sur un pourcentage, mais vous pouvez placer l'élément canvas dans un conteneur dont la largeur est définie sur 100%, puis lire la largeur exacte dudit élément parent avec jQuery. Ensuite, vous pouvez définir la largeur de la toile manuellement. Faites-le avant d'initialiser SignaturePad.
var canvas = document.querySelector("canvas");var parentWidth = $(canvas).parent().outerWidth();canvas.setAttribute("width", parentWidth);this.signaturePad = new SignaturePad(canvas);